:root{--sky: #7cc6f0;--sky-soft: #d9f0ff;--grass: #46a83c;--grass-dark: #2f7f2a;--cream: #fff7e8;--paper: #fffdf7;--paper-2: #f7ecd8;--line: #ead9b8;--red: #e2483a;--yellow: #ffc93c;--ink: #26384b;--ink-soft: #536576;--select: #ff7a1a;--select-strong: #c2510f;--go: #1e8a3a;--card-on: #fff1e2;--guide: #ff3fa4;--bar: #26384b;--bar-ink: #ffffff;--app-bg: linear-gradient(180deg, #bfe5fb 0%, #e3f4ff 45%, #fff3dc 100%);--shadow: 0 2px 0 rgba(120, 90, 40, .1), 0 10px 26px rgba(40, 70, 100, .12);--font-display: "Fredoka", ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--font-body: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--r-lg: 24px;--r-md: 18px;--r-sm: 14px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sky-soft: #1d3550;--cream: #1b2635;--paper: #22303f;--paper-2: #2b3b4d;--line: #36495e;--ink: #f2ead8;--ink-soft: #a8b6c4;--bar: #0f1a26;--bar-ink: #ffffff;--card-on: #4a3420;--app-bg: linear-gradient(180deg, #13243a 0%, #182a40 50%, #1d2a33 100%);--shadow: 0 2px 0 rgba(0, 0, 0, .25), 0 10px 26px rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--sky-soft: #1d3550;--cream: #1b2635;--paper: #22303f;--paper-2: #2b3b4d;--line: #36495e;--ink: #f2ead8;--ink-soft: #a8b6c4;--bar: #0f1a26;--bar-ink: #ffffff;--app-bg: linear-gradient(180deg, #13243a 0%, #182a40 50%, #1d2a33 100%);--shadow: 0 2px 0 rgba(0, 0, 0, .25), 0 10px 26px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--cream)}body{margin:0;touch-action:pan-x pan-y;background:var(--app-bg);background-color:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button,input,a{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer;border:0;background:none;padding:0}button:disabled{opacity:.38;cursor:default}:focus-visible{outline:3px solid var(--select);outline-offset:2px}svg{display:block}.app{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.topbar{display:flex;align-items:center;gap:10px;background:var(--paper);border-radius:var(--r-lg);padding:7px 10px;box-shadow:var(--shadow);overflow-x:auto;scrollbar-width:none;min-width:0}.topbar::-webkit-scrollbar{display:none}.brand{display:flex;align-items:center;gap:10px;padding-right:6px;flex:0 0 auto}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--yellow);color:#7a4a00;box-shadow:inset 0 -5px #00000029;transform:rotate(-8deg)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text{gap:3px;align-items:flex-start}.name-btn{display:inline-flex;align-items:center;gap:5px;max-width:190px;min-height:24px;padding:0 8px;margin-left:-2px;border-radius:999px;background:var(--paper-2);color:var(--ink-soft);font-weight:800;font-size:13px}.name-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-group,.history-group,.file-group{display:flex;align-items:center;gap:6px;flex:0 0 auto}.play-group,.file-group{margin-left:auto}.play{display:flex;align-items:center;gap:8px;height:60px;min-width:150px;padding:0 22px 0 18px;border-radius:30px;background:var(--go);color:#fff;font-family:var(--font-display);font-weight:700;font-size:24px;box-shadow:inset 0 -6px #0000002e,0 6px 14px #2fb24c59;transition:transform .12s ease}.play:active{transform:translateY(2px) scale(.98)}.play.playing{background:var(--select-strong);box-shadow:inset 0 -6px #0000002e,0 6px 14px #c2510f59}.icon-btn,.text-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;height:58px;padding:0 8px;border-radius:var(--r-md);background:var(--paper-2);font-family:var(--font-display);font-weight:600;font-size:12.5px;box-shadow:inset 0 -4px #785a281f;white-space:nowrap}.icon-btn.small{min-width:48px;height:48px}.icon-btn.on{background:var(--select-strong);color:#fff}.icon-btn:active:not(:disabled),.text-btn:active{transform:translateY(1px)}.icon-btn span:empty{display:none}.text-btn{min-width:66px}.main{position:relative;display:grid;grid-template-columns:88px auto minmax(0,1fr) auto;grid-template-areas:"rail drawer stage tools";gap:10px;min-height:0}.app.narrow .main{grid-template-columns:88px minmax(0,1fr) 76px;grid-template-areas:"rail stage quick"}.rail{grid-area:rail;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.cat{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;border-radius:var(--r-md);background:transparent;font-family:var(--font-display);font-weight:600;font-size:12.5px;line-height:1.1;text-align:center;transition:background .15s ease}.cat-icon{width:52px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--tint)}.cat.on{background:var(--sky-soft);box-shadow:inset 0 0 0 3px var(--sky)}.cat-label{max-width:78px}.drawer{grid-area:drawer;width:146px;display:flex;flex-direction:column;min-height:0;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.drawer.floating{position:absolute;left:90px;top:0;bottom:0;z-index:30;width:252px;box-shadow:0 18px 50px #1e32504d}.drawer header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 8px 6px 14px}.drawer h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:22px;text-wrap:balance}.cards{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:1fr;gap:8px;padding:4px 10px 10px;align-content:start}.card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;min-height:116px;padding:8px 4px;border-radius:var(--r-md);background:var(--cream);border:2px solid var(--line);font-family:var(--font-display);font-weight:600;font-size:13px;line-height:1.15;text-align:center;touch-action:pan-y;transition:transform .12s ease,border-color .12s ease}.card:active{transform:scale(.96)}.card.on{border-color:var(--select);background:var(--card-on);box-shadow:0 0 0 3px #ff7a1a40}.card span{min-height:2.3em;display:flex;align-items:center}.drawer.floating .cards{grid-template-columns:1fr 1fr}.drawer h2{font-size:19px;line-height:1.1}.drawer.floating h2{font-size:22px}.drawer-tip{margin:0;padding:8px 14px 12px;font-size:13px;font-weight:700;color:var(--ink-soft);text-align:center}.stage-area{grid-area:stage;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;touch-action:none}.board{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 0 0 5px #fff,0 16px 40px #28466440;background:#cfeafb}.scene,.draw-layer,.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.draw-layer,.overlay{pointer-events:none}.overlay .handle{pointer-events:all;cursor:grab}.mode-build.armed .board{cursor:copy}.mode-draw .board{box-shadow:0 0 0 5px var(--yellow),0 16px 40px #28466440}.elements-layer [data-eid]{cursor:grab}.pop{transform-box:fill-box;transform-origin:center;animation:pop .4s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{0%{transform:scale(.3);opacity:.2}to{transform:scale(1);opacity:1}}.march{animation:march 1s linear infinite}@keyframes march{to{stroke-dashoffset:-40}}.action-bar{position:absolute;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:var(--bar);color:var(--bar-ink);border-radius:20px;box-shadow:0 10px 24px #141e324d;z-index:10}.action-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:58px;height:56px;border-radius:14px;font-family:var(--font-display);font-weight:600;font-size:11.5px}.action-bar button:active{background:#ffffff24}.action-bar button.danger{color:#ff9c90}.help-bubble{position:absolute;top:14px;left:12px;right:12px;margin:0 auto;width:fit-content;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;background:#fffdf7f2;color:#26384b;border-radius:24px;box-shadow:0 8px 22px #1e325033;font-family:var(--font-display);font-weight:600;font-size:clamp(14px,2.2vw,19px);line-height:1.2;animation:float 3.4s ease-in-out infinite}.help-bubble button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f2e6cf;flex:0 0 auto}@keyframes float{50%{transform:translateY(4px)}}.armed-pill{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:6px 6px 6px 10px;background:#fffdf7f5;color:#26384b;border-radius:999px;box-shadow:0 8px 22px #1e325038;font-weight:700;font-size:15px}.armed-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.armed-pill button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f2e6cf;flex:0 0 auto}.tools{grid-area:tools;width:150px;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.tools::-webkit-scrollbar{display:none}.tools.floating{position:absolute;right:0;top:0;bottom:0;z-index:30;box-shadow:0 18px 50px #1e32504d}.close-tools{align-self:flex-end}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:var(--r-md);background:var(--paper-2)}.mode-switch button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:60px;border-radius:14px;font-family:var(--font-display);font-weight:700;font-size:14px}.mode-switch button.on{background:var(--select-strong);color:#fff;box-shadow:inset 0 -4px #00000029}.tool-group h3{margin:2px 2px 6px;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.swatch{aspect-ratio:1;width:100%;border-radius:50%;box-shadow:inset 0 -4px #0000002e,0 0 0 2px #00000014;position:relative}.swatch.on{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink)}.swatch.rainbow{background:conic-gradient(#e2483a,#ffc93c,#55b04a,#3d8fe0,#8a62c9,#e2483a);cursor:pointer;overflow:hidden}.swatch.rainbow input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}.sizes{display:flex;justify-content:space-between;gap:2px}.size{width:26px;height:48px;display:grid;place-items:center;border-radius:12px}.size i{display:block;border-radius:50%;box-shadow:0 0 0 1.5px #0000002e}.size.on{background:var(--sky-soft);box-shadow:inset 0 0 0 2.5px var(--sky)}.tool-group.two{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:4px;border-radius:var(--r-sm);background:var(--paper-2);font-family:var(--font-display);font-weight:600;font-size:12.5px;line-height:1.1;text-align:center;box-shadow:inset 0 -4px #785a281f}.tool.on{background:var(--sky);color:#0f2b44}.tool.wide{flex-direction:row;gap:8px;min-height:52px;font-size:14px}.tool.danger:not(:disabled){color:#c0392b}.tool-sep{height:2px;background:var(--line);border-radius:2px;margin:2px 4px}.quick-tools{grid-area:quick;display:flex;flex-direction:column;gap:8px}.quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:72px;border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow);font-family:var(--font-display);font-weight:600;font-size:13px}.quick.on{background:var(--select-strong);color:#fff}.quick .dot{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 -3px #0003,0 0 0 2px #fff}.bgstrip{display:flex;align-items:stretch;gap:10px;min-width:0;padding:7px;border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow)}.bg-title{flex:0 0 auto;width:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink-soft)}.bg-list{display:flex;gap:8px;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:none;min-width:0}.bg-list::-webkit-scrollbar{display:none}.bg-card{position:relative;flex:0 0 auto;width:132px;height:88px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 2px var(--line)}.bg-card svg{width:100%;height:100%}.bg-card span{position:absolute;left:6px;bottom:6px;padding:2px 9px;border-radius:999px;background:#fffdf7eb;color:#26384b;font-family:var(--font-display);font-weight:600;font-size:13px}.bg-card.on{box-shadow:0 0 0 4px var(--select)}.ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%) scale(.92);opacity:.85;filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));transition:transform .12s ease}.ghost.over{transform:translate(-50%,-50%) scale(1.04);opacity:1}.toast{position:fixed;left:50%;bottom:calc(118px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:70;padding:12px 22px;border-radius:999px;background:var(--bar);color:var(--bar-ink);font-family:var(--font-display);font-weight:600;font-size:17px;box-shadow:0 10px 24px #141e324d;animation:toast .25s ease-out}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}}.popover-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.popover{position:fixed;z-index:41;top:calc(env(safe-area-inset-top,0px) + 86px);left:50%;transform:translate(-50%);width:min(340px,calc(100vw - 32px));padding:14px;border-radius:var(--r-lg);background:var(--paper);box-shadow:0 18px 50px #1e32504d;display:flex;flex-direction:column;gap:8px}.popover h3{margin:2px 6px 4px;font-family:var(--font-display);font-weight:700;font-size:20px}.setting{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 14px;border-radius:var(--r-md);background:var(--paper-2);font-family:var(--font-display);font-weight:600;font-size:17px;text-align:left}.setting span{flex:1}.toggle{width:52px;height:30px;border-radius:15px;background:#c9c2b4;position:relative;transition:background .15s;flex:0 0 auto}.toggle b{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #0000004d}.setting.on .toggle{background:#2fb24c}.setting.on .toggle b{transform:translate(22px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#14233773;animation:fade .18s ease-out}@keyframes fade{0%{opacity:0}}.modal{width:min(520px,100%);max-height:88%;display:flex;flex-direction:column;background:var(--paper);border-radius:28px;box-shadow:0 24px 60px #141e3259;overflow:hidden}.modal.wide{width:min(940px,100%)}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px 24px}.modal h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:26px}.save-form,.export,.confirm-text{padding:8px 24px 24px}.save-form{display:flex;flex-direction:column;gap:12px}.save-form label{font-weight:800;font-size:17px}.save-form input{height:60px;padding:0 18px;border-radius:var(--r-md);border:3px solid var(--line);background:var(--cream);font-family:var(--font-display);font-weight:600;font-size:22px;-webkit-user-select:text;user-select:text}.save-form input:focus{outline:none;border-color:var(--sky)}.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:6px}.modal .row-actions{padding:6px 0 0}.confirm-text{margin:0;padding-bottom:8px;font-size:18px;font-weight:700}.modal>.row-actions{padding:8px 24px 24px}.big-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 22px;border-radius:var(--r-md);background:var(--paper-2);font-family:var(--font-display);font-weight:700;font-size:18px;text-decoration:none;box-shadow:inset 0 -4px #0000001f}.big-btn.green{background:var(--go);color:#fff}.big-btn.danger{background:#fde1dc;color:#a3271b}.small-btn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 14px;border-radius:var(--r-sm);background:var(--paper-2);font-family:var(--font-display);font-weight:700;font-size:16px}.small-btn.green{background:var(--go);color:#fff}.small-btn.danger{background:#b8321f;color:#fff}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:8px 24px 24px;overflow-y:auto}.project{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:20px;background:var(--cream);border:2px solid var(--line)}.project.current{border-color:var(--sky)}.project-thumb{border-radius:14px;overflow:hidden;aspect-ratio:1.44;background:var(--sky-soft);display:block;width:100%}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.no-thumb{display:grid;place-items:center;height:100%;color:var(--ink-soft)}.project-meta{display:flex;flex-direction:column;padding:0 4px;min-width:0}.project-meta strong{font-family:var(--font-display);font-weight:700;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta small{color:var(--ink-soft);font-weight:700}.project-actions,.project-confirm{display:flex;align-items:center;gap:6px}.project-actions .small-btn.green{flex:1}.project-confirm span{flex:1;font-weight:800;padding-left:4px}.project.new{align-items:center;justify-content:center;min-height:220px;border-style:dashed;border-color:#b9d9ee;background:var(--sky-soft);font-family:var(--font-display);font-size:20px}.new-plus{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--go);color:#fff;box-shadow:inset 0 -5px #0000002e}.empty-note,.muted{color:var(--ink-soft);font-weight:700}.empty-note{grid-column:1 / -1;margin:4px}.export{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.export img{width:100%;border-radius:18px;box-shadow:0 0 0 4px #fff,0 8px 24px #00000026;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.export p{margin:0}.note{color:#a3271b;font-weight:700}@media (max-width: 1279px){.name-btn{max-width:130px}}@media (max-width: 1099px){.brand-text{display:none}.play{min-width:128px;height:56px;font-size:21px}.icon-btn,.text-btn{min-width:52px}}@media (max-width: 820px){.text-btn{min-width:56px;padding:0 6px;font-size:11.5px}.history-group span{display:none}.bg-card{width:112px;height:76px}.bg-title{display:none}}@media (max-width: 600px){.app{gap:8px}.app.narrow .main{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"rail stage"}.quick-tools{position:absolute;right:8px;bottom:8px;flex-direction:row;z-index:5}.quick{width:60px;height:60px;font-size:11px}.cat-icon{width:44px;height:40px}.cat{font-size:11px}.drawer.floating{left:74px;width:min(252px,calc(100% - 74px))}.file-group .text-btn span{display:none}.play{min-width:64px;padding:0 14px}.play span{display:none}}@media (max-height: 700px){.bg-card{height:64px;width:100px}.icon-btn,.text-btn,.play{height:52px}.brand-mark{width:44px;height:44px}}@media (prefers-reduced-motion: reduce){.pop,.march,.help-bubble,.toast,.modal-backdrop{animation:none!important}}@media (orientation: portrait) and (max-width: 1099px) and (min-width: 601px){.app.narrow .main{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"rail stage"}.quick-tools{position:absolute;top:0;right:0;flex-direction:row;z-index:5}.quick{width:76px}}.hint-strong{font-family:var(--font-display);font-weight:600;font-size:19px;text-align:center}.wordmark{display:inline-flex;gap:5px;align-items:flex-end}.wm-brick{position:relative;padding:4px 10px 3px;margin-top:7px;border-radius:9px;background:var(--c);color:#fff;font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.18);box-shadow:inset 0 -5px #0000002e,inset 0 3px #ffffff47}.wm-brick:nth-child(2){color:#6b4300;text-shadow:0 1px 0 rgba(255,255,255,.4);transform:translateY(-3px) rotate(2deg)}.wm-brick:nth-child(3){transform:rotate(-2deg)}.wm-brick i{position:absolute;top:-7px;width:30%;height:9px;border-radius:4px 4px 1px 1px;background:var(--c);box-shadow:inset 0 3px #ffffff4d}.wm-brick i:first-child{left:12%}.wm-brick i:nth-child(2){right:12%}.wordmark.small{gap:3px}.wordmark.small .wm-brick{font-size:17px;padding:3px 6px 2px;border-radius:6px;margin-top:5px;box-shadow:inset 0 -3px #0000002e}.wordmark.small .wm-brick i{top:-5px;height:6px}.tools.building{width:102px}.tool.tall{flex-direction:column;min-height:64px;font-size:13px}.tool.hot{background:var(--select-strong);color:#fff}.paint-teaser{margin-top:auto}.teaser-dots{display:flex;gap:3px}.teaser-dots i{width:14px;height:14px;border-radius:50%;background:#e2483a;box-shadow:inset 0 -2px #0003}.teaser-dots i:nth-child(2){background:#ffc93c}.teaser-dots i:nth-child(3){background:#3d8fe0}.swatch.rainbow-pen,.rainbow-dot,.quick .dot.rainbow{background:conic-gradient(#e2483a,#f28b2c,#ffc93c,#55b04a,#3d8fe0,#8a62c9,#e2483a)}.swatch.picker{display:grid;place-items:center;background:var(--paper-2);color:var(--ink-soft);cursor:pointer;overflow:hidden}.swatch.picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}.armed-pill.move{padding-right:18px;background:var(--select-strong);color:#fff}.pill-icon{width:40px;height:40px;display:grid;place-items:center}.move-all .board{cursor:move}.app.focus .main{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage"}.app.focus{grid-template-rows:auto minmax(0,1fr)}.welcome-backdrop{background:#285a8c59}.modal.welcome{position:relative;max-width:1040px;width:min(1040px,100%);padding:22px 24px 26px;background:var(--paper);overflow-y:auto}.welcome-close{position:absolute;top:14px;right:14px}.welcome-head{display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px 0 18px;text-align:center}.welcome-head .wordmark .wm-brick{font-size:clamp(34px,6vw,54px);padding:8px 16px 6px;border-radius:14px}.welcome-head .wordmark .wm-brick i{height:12px;top:-10px}.welcome-head h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:24px;color:var(--ink);text-wrap:balance}.templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px}.template{display:flex;flex-direction:column;gap:4px;text-align:left;padding:8px 8px 12px;border-radius:20px;background:var(--cream);border:3px solid var(--line);transition:transform .12s ease,border-color .12s ease}.template:active{transform:scale(.97)}.template:hover{border-color:var(--sky)}.template strong{padding:6px 6px 0;font-family:var(--font-display);font-weight:700;font-size:19px}.template small{padding:0 6px;color:var(--ink-soft);font-weight:700;font-size:13px;line-height:1.25}.template-art,.blank-art{display:block;aspect-ratio:1.44;border-radius:14px;overflow:hidden;background:var(--sky-soft)}.template-art svg{width:100%;height:100%}.blank-art{display:grid;place-items:center;color:#2fb24c;border:3px dashed #b9d9ee}.template.blank{border-color:#b9d9ee}.tools-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px}.tools-bottom .paint-teaser{margin-top:0}.bg-button{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:5px 5px 6px;border-radius:var(--r-sm);background:var(--paper-2);font-family:var(--font-display);font-weight:600;font-size:13px;text-align:center;box-shadow:inset 0 -4px #785a281f}.bg-button-art{display:block;aspect-ratio:1.44;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px var(--line)}.bg-button-art svg{width:100%;height:100%}.quick-tools .bg-button{width:76px;padding:4px;font-size:12px;background:var(--paper);box-shadow:var(--shadow)}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:8px 24px 24px;overflow-y:auto}.bg-grid .bg-card{width:auto;height:auto;aspect-ratio:1.44}.bg-grid .bg-card span{font-size:16px;padding:4px 12px;left:8px;bottom:8px}@media (max-width: 600px){.quick-tools .bg-button{width:60px;font-size:10.5px}}.tools.building .mode-switch{grid-template-columns:1fr}.tools.building .mode-switch button{height:54px;flex-direction:row;gap:6px}.zoom-controls{position:absolute;right:10px;bottom:10px;z-index:6;display:flex;gap:6px;padding:5px;border-radius:16px;background:#fffdf7d9;box-shadow:0 6px 16px #1e32502e}.zoom-controls button{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#26384b;background:#f2e6cf}.zoom-controls button:disabled{opacity:.35}.zoomed .board{box-shadow:0 0 0 5px #9ad1f5,0 16px 40px #28466440}.edge-chip{position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:flex;align-items:center;gap:2px;min-width:52px;height:56px;padding:0 8px;background:var(--select-strong);color:#fff;border-radius:16px;font-family:var(--font-display);font-weight:700;font-size:18px;box-shadow:0 6px 16px #1e325040;animation:nudge 1.6s ease-in-out infinite}.edge-chip.left{left:8px}.edge-chip.right{right:8px}@keyframes nudge{50%{transform:translateY(-50%) scale(1.06)}}.coach{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;pointer-events:none}.coach-hand{position:fixed;width:0;height:0}.coach-hand svg{position:absolute;left:-14px;top:-6px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3));animation:tap 1.3s ease-in-out infinite;transform-origin:20px 10px}.coach-ring{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;border:4px solid var(--select);animation:ring 1.3s ease-out infinite}@keyframes tap{0%,to{transform:translate(12px,14px) scale(1)}45%{transform:translate(0) scale(.92)}55%{transform:translate(0) scale(.92)}}@keyframes ring{0%,40%{transform:scale(.4);opacity:0}50%{opacity:1}to{transform:scale(1.5);opacity:0}}.coach-bar{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 92px);transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 8px 8px 18px;background:var(--bar);color:var(--bar-ink);border-radius:999px;pointer-events:auto;box-shadow:0 10px 24px #141e324d}.coach-bar button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff24}.coach-dots{display:flex;gap:6px}.coach-dots i{width:12px;height:12px;border-radius:50%;background:#ffffff4d}.coach-dots i.on{background:#ffc93c;transform:scale(1.25)}.coach-dots i.done{background:#7ddc8f}.coach-icons{display:flex;align-items:center;gap:4px;opacity:.9}.hold-btn{position:relative;overflow:hidden;touch-action:none}.hold-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(var(--p, 0));background:#b8321f47;pointer-events:none}.hold-label{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px}.tool.wide.hold-btn .hold-label{flex-direction:row}.grownups{margin:0 24px 24px;padding:14px 16px;border-radius:18px;background:var(--paper-2);display:flex;flex-direction:column;gap:8px}.grownups h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:17px}.muted.small{font-size:14px;margin:0}.row-actions.start{justify-content:flex-start}.tip{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--sky-soft);font-weight:700;font-size:14px}.ok-note{color:var(--go);font-weight:800;margin:0}.crash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:var(--app-bg);background-color:var(--cream)}.crash-card{max-width:440px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;border-radius:28px;background:var(--paper);box-shadow:var(--shadow)}.crash-card h1{margin:0;font-family:var(--font-display);font-size:30px}.crash-card p{margin:0;font-weight:700;color:var(--ink-soft)}.update-banner{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 86px);transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--bar);color:var(--bar-ink);font-weight:700;box-shadow:0 10px 24px #141e324d}@media (prefers-reduced-motion: reduce){.coach-hand svg,.coach-ring,.edge-chip{animation:none!important}}.tool-group.four{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-group.four .tool{min-height:54px;font-size:12px}.stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stamp-btn{aspect-ratio:1;display:grid;place-items:center;border-radius:12px;background:var(--paper-2)}.stamp-btn.on{background:var(--sky-soft);box-shadow:inset 0 0 0 3px var(--sky)}.tool-hint{margin:0;padding:8px 4px;font-weight:800;font-size:13px;color:var(--ink-soft);text-align:center}.tool.fest{background:#fde3ee;color:#8a1f4a}.mode-draw .board{cursor:crosshair}.popover{max-height:calc(100% - 110px);overflow-y:auto}.popover h3+.weather{margin-top:0}.weather{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.weather button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;border-radius:var(--r-md);background:var(--paper-2);font-family:var(--font-display);font-weight:600;font-size:13px}.weather button.on{background:var(--sky);color:#0f2b44;box-shadow:inset 0 0 0 3px #4aa3d8}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;padding:8px 24px 24px}.choice{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;padding:10px 10px 14px;border-radius:22px;background:var(--cream);border:3px solid var(--line);transition:transform .12s ease,border-color .12s ease}.choice:active:not(:disabled){transform:scale(.97)}.choice:hover:not(:disabled){border-color:var(--sky)}.choice strong{padding:2px 6px 0;font-family:var(--font-display);font-weight:700;font-size:21px}.choice small{padding:0 6px;color:var(--ink-soft);font-weight:700;font-size:14px;line-height:1.25}.choice-art{display:grid;place-items:center;height:130px;border-radius:16px;color:#26384b}.choice-art.sky{background:#dff0fb}.choice-art.red{background:#fde3df;color:#a3271b}.choice-art.paper{background:#fff6e0}.row-actions.pad{padding:0 24px 24px;justify-content:flex-start}.tpl-head{margin:4px 4px 10px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-soft)}.templates+.tpl-head{margin-top:20px}.film{width:100%;border-radius:18px;background:#000;box-shadow:0 0 0 4px #fff,0 8px 24px #00000026}.filming{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 92px);transform:translate(-50%);z-index:72;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--bar);color:var(--bar-ink);font-family:var(--font-display);font-weight:600;font-size:18px;box-shadow:0 10px 24px #141e324d}.filming b{display:inline-block;min-width:1.4em;text-align:center;font-variant-numeric:tabular-nums}.rec-dot{width:16px;height:16px;border-radius:50%;background:#ff4b3e;animation:rec 1s ease-in-out infinite}@keyframes rec{50%{opacity:.3}}.print-area img{width:100%;border-radius:12px;box-shadow:0 0 0 1px var(--line),0 8px 24px #0000001f;background:#fff;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}@media print{@page{size:A4 landscape;margin:0}body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff}.print-area img{width:100%;height:auto;box-shadow:none;border-radius:0}}@media (prefers-reduced-motion: reduce){.rec-dot{animation:none}}.scene.overcast .sun-wrap{opacity:.3}