.story-ribbon{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.story-mode-note{line-height:1.6}.story-steps{display:flex;gap:10px;justify-content:space-between;border-radius:15px;background:#eeeadf;padding:16px;margin:22px 0;color:#747466;font-size:12px}.story-steps b{color:#355e4b}.sketch-layout{display:grid;grid-template-columns:1.35fr .8fr;gap:22px}.drawing-wrap{position:relative;background:#fff;border:2px solid #d9dace;border-radius:20px;overflow:hidden;background-image:radial-gradient(#dadfc8 1px,transparent 1px);background-size:20px 20px}.drawing-wrap canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.paper-corner{position:absolute;bottom:8px;right:16px;color:#c4ccad;pointer-events:none;font-size:26px}.painttools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.painttools .level{margin:0;padding:10px 14px}.paintcolor{width:40px;height:40px;background:var(--paint);border:4px solid #fff;border-radius:50%;outline:1px solid #d5d8c9}.paintcolor[aria-pressed=true]{outline:3px solid #355e4b;transform:scale(1.08)}.painttools [aria-pressed=true]{box-shadow:inset 0 0 0 2px #739c44}.drawing-guide{align-self:start;background:#f0e8f5}.drawing-guide>.buddy{display:block;margin:0 auto 20px}.drawing-guide h3{font-size:28px}.story-stage{height:300px;border-radius:22px;overflow:hidden;position:relative;display:grid;place-items:center;background:#dfebcd;isolation:isolate}.scene-space{background:#263753;color:#f6e7a5}.scene-ocean{background:#b6e6e3}.scene-clouds{background:#e3eaf3}.scene-celebration{background:#f5e4bb}.scene-decor{position:absolute;top:28px;left:0;width:100%;display:flex;justify-content:space-around;white-space:pre;font-size:36px;letter-spacing:23px;opacity:.65}.character-floor{position:absolute;width:240px;height:70px;background:#fff8;bottom:-12px;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1}.story-character{position:absolute;inset:12.5%;width:75%;height:75%;object-fit:contain;filter:drop-shadow(3px 7px 3px #253c3525);transform-origin:center 90%;will-change:transform}.motion-bounce{animation:characterBounce 1.8s ease-in-out infinite}.motion-sway{animation:characterSway 3s ease-in-out infinite}.motion-dance{animation:characterDance 1.8s ease-in-out infinite}.scene-spark{position:absolute;color:#a3b96a;animation:storyTwinkle 2s ease-in-out infinite}.spark-a{right:25px;top:55px;font-size:30px}.spark-b{left:25px;bottom:70px;font-size:40px;animation-delay:1s}.scene-space .scene-spark{color:#ffe7a0}.motionchoices{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.motionchoices [aria-pressed=true]{background:#ddeac5;border-color:#8db15a}.downloadlink{text-decoration:none;display:inline-block;color:var(--ink);font-size:13px}.story-ai-toggle{display:flex!important;gap:10px;align-items:center;font-size:14px!important;line-height:1.5;margin:22px 0!important}.story-ai-toggle input{width:24px;height:24px}.story-conversation{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.story-minifriend{align-self:start;position:sticky;top:20px}.story-answer-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.story-answer-choices button{border:2px solid #d7ddc9;border-radius:17px;background:#f0f3e1;padding:16px 10px;color:var(--ink)}.story-answer-choices button span{display:block;font-size:35px;margin-bottom:12px}.story-answer-choices button strong{font-size:13px;line-height:1.4;display:block}.story-question h3{font-size:30px;line-height:1.2;margin-top:20px}.story-question input{width:100%;font:inherit;border:1px solid #c7d1b4;border-radius:10px;padding:13px;margin-top:15px}.story-navigation{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:24px 0 0}.storybook>h2{font-size:38px;margin:12px 0 26px}.book-spread{display:grid;grid-template-columns:1fr 1fr;background:#fffdf5;border:1px solid #dddccb;border-radius:24px;padding:24px;gap:28px;box-shadow:0 8px 0 #e6e3d4}.book-text p{font:400 22px/1.65 Outfit,sans-serif}.book-text{align-self:center}.storybook .story-stage{height:390px}.storybook #story-status{margin-top:25px}.story-entry{margin-top:25px;border:1px solid #d8cae1;background:#f0e6f5;border-radius:22px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.story-entry h3{font-size:25px;margin:0 0 6px}.story-entry p{margin:0;line-height:1.6;font-size:14px}.story-entry button{flex-shrink:0}.story-entry .entry-art{font-size:45px;letter-spacing:-5px;white-space:nowrap}.story-entry .entry-copy{flex:1}.story-question button:disabled,.bench #enhance:disabled{opacity:.55;cursor:default}@keyframes characterBounce{0%,100%{transform:translateY(8px) scale(1.03,.96)}50%{transform:translateY(-16px) scale(.98,1.02)}}@keyframes characterSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes characterDance{0%,100%{transform:rotate(-8deg) translateX(-12px)}25%{transform:translateY(-13px)}50%{transform:rotate(8deg) translateX(12px)}75%{transform:translateY(-13px)}}@keyframes storyTwinkle{50%{opacity:.2;transform:scale(.6)}}@media(max-width:700px){.sketch-layout,.story-conversation,.book-spread{grid-template-columns:1fr}.drawing-guide>.buddy{width:90px;height:90px;margin:0}.drawing-guide{display:flex;flex-direction:column}.drawing-guide h3{margin-top:12px}.story-minifriend{position:static}.story-minifriend .story-stage{height:190px}.story-steps{gap:5px;padding:13px 9px;font-size:10px}.story-answer-choices{gap:7px}.story-answer-choices button{padding:13px 6px}.story-answer-choices button strong{font-size:12px}.storybook .story-stage{height:280px}.book-spread{padding:17px}.book-text p{font-size:21px}.story-entry{flex-wrap:wrap;padding:20px}.story-entry button{width:100%}.story-entry .entry-art{font-size:35px}.story-question h3{font-size:27px}}@media(prefers-reduced-motion:reduce){.story-character,.scene-spark{animation:none;will-change:auto}}

.drawing-wrap{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}.drawing-wrap canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.painttools .level,.paintcolor{min-height:44px;min-width:44px;touch-action:manipulation}