.studio-root{--s-paper:#fff6ea;--s-card:#fff;--s-sunken:#f6eada;--s-border:#eadbc6;--s-ink:#2a1f4a;--s-ink-soft:#5b5078;--s-ink-muted:#6e6489;--s-coral:#ff5a47;--s-coral-btn:#d63a27;--s-coral-text:#cf3523;--s-sun:#ffc531;--s-mint:#2fc79a;--s-mint-text:#0b7a5a;--s-sky:#3d7dff;--s-violet:#8b6cff;--s-hall:#1a1430;--s-hall-surface:#241c40;--s-hall-variant:#312752;--s-hall-card:#2b2249;--s-hall-line:#3d3263;--s-strip:#120e22;--s-hole:#3d3263;--s-text2:#cfc5e6;--s-text3:#a99dcb;--s-acc-coral:#ff6b57;--s-acc-sky:#7fb0ff;--s-acc-mint:#3dd6a6;--s-acc-violet:#b39dff}@layer components{.studio-hall{background:radial-gradient(ellipse 70% 55% at 50% 0%, #ffc53117, transparent 70%), var(--s-hall);color:#fff6ea}.studio-icon-btn{width:44px;height:44px;color:inherit;border-radius:999px;place-items:center;transition:background-color .15s;display:inline-grid}.studio-icon-btn:hover:not(:disabled){background:#7f6eb42e}.studio-icon-btn:disabled{opacity:.35;cursor:default}.studio-tool{min-width:64px;color:var(--s-text2);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 6px;font-size:.72rem;font-weight:500;line-height:1.15;transition:background-color .15s,color .15s;display:flex}.studio-tool:hover{background:var(--s-hall-variant);color:#fff6ea}.studio-tool[aria-pressed=true],.studio-tool[aria-expanded=true]{background:var(--s-hall-variant);color:var(--s-sun);box-shadow:inset 0 -3px 0 var(--s-sun)}.studio-panel{background:var(--s-hall-surface);border:1px solid var(--s-hall-line);border-radius:22px;box-shadow:0 2px #00000040,0 18px 40px -18px #000000b3}.studio-chip{background:var(--s-hall-variant);min-height:40px;color:var(--s-text2);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;font-weight:500;display:inline-flex}.studio-chip[aria-pressed=true],.studio-chip[aria-checked=true]{background:var(--s-sun);color:var(--s-ink)}.studio-range{accent-color:var(--s-sun);width:100%;height:28px}.shutter{background:repeating-linear-gradient(-60deg, var(--s-ink) 0 9px, #fff6ea 9px 18px);border-radius:999px;place-items:center;width:92px;height:92px;transition:transform 80ms;display:grid;position:relative;box-shadow:0 4px #00000059,0 14px 30px -10px #ff5a478c}.shutter:after{content:"";background:radial-gradient(circle at 35% 30%, #ff8a7a, var(--s-coral) 45%, var(--s-coral-btn));border-radius:999px;position:absolute;inset:9px;box-shadow:inset 0 -4px #0000002e}.shutter>*{z-index:1;position:relative}.shutter:active:not(:disabled){transform:translateY(2px)scale(.97)}.shutter:disabled{filter:grayscale(.8);opacity:.6}.shutter:focus-visible{outline-offset:5px}.stage-frame{background:#000;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff6ea14,0 30px 80px -30px #000000e6,0 0 120px -40px #ffc53140}.stage-grid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff73 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff73 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#ffffff73 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff73 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px));position:absolute;inset:0}.stage-flash{pointer-events:none;background:#fff;animation:.28s ease-out forwards stage-flash;position:absolute;inset:0}@keyframes stage-flash{0%{opacity:.85}to{opacity:0}}.stage-count{pointer-events:none;font-family:var(--font-gluten), system-ui;color:#fff6ea;text-shadow:0 6px #2a1f4a99;background:#1a143059;place-items:center;font-size:clamp(5rem,16vw,11rem);font-weight:800;display:grid;position:absolute;inset:0}.filmstrip{--hole-gap:22px;background:radial-gradient(ellipse 4.5px 3.5px at center, var(--s-hole) 0 4px, transparent 4.5px) 0 6px / var(--hole-gap) 12px repeat-x, radial-gradient(ellipse 4.5px 3.5px at center, var(--s-hole) 0 4px, transparent 4.5px) 0 calc(100% - 6px) / var(--hole-gap) 12px repeat-x, var(--s-strip);border-top:1px solid var(--s-hall-line);padding-block:20px;position:relative}.filmstrip-scroll{scrollbar-width:thin;scrollbar-color:var(--s-hall-line) transparent}.thumb{touch-action:pan-x;background:#241c40;border-radius:6px;outline:0 solid #0000;flex:none;transition:transform .12s;position:relative;overflow:hidden}.thumb[aria-selected=true]{box-shadow:0 0 0 3px var(--s-sun)}.thumb[data-current=true]{box-shadow:0 0 0 3px var(--s-sun), 0 0 0 6px #ffc53140}.thumb.is-dragging{opacity:.35}.thumb canvas{width:100%;height:100%;display:block}.thumb-num{color:#fff6ea;text-shadow:0 1px 2px #000;font-size:.68rem;font-weight:600;position:absolute;bottom:3px;left:4px}.thumb-hold{background:var(--s-sun);color:var(--s-ink);border-radius:999px;padding:0 6px;font-size:.7rem;font-weight:700;position:absolute;top:3px;right:3px}.drop-marker{background:var(--s-sun);z-index:2;border-radius:4px;flex:none;width:4px;margin-inline:-2px}.studio-paper{background:var(--s-paper);color:var(--s-ink)}.polaroid{background:#fff;border-radius:10px;padding:10px 10px 0;transition:transform .18s,box-shadow .18s;box-shadow:0 2px #2a1f4a24,0 14px 28px -16px #2a1f4a73}.polaroid:hover,.polaroid:focus-within{transform:rotate(0)translateY(-3px)!important}.polaroid-tape{mix-blend-mode:multiply;background:#ffc531bf;border-radius:3px;width:72px;height:22px;position:absolute;top:-10px;left:50%;translate:-50%;rotate:-3deg}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-weight:600;transition:transform 80ms,background-color .15s,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-coral{background:var(--s-coral-btn);color:#fff;box-shadow:0 3px #a92a1b}.btn-coral:hover:not(:disabled){background:#c8331f}.btn-ink{background:var(--s-ink);color:#fff6ea;box-shadow:0 3px #120c25}.btn-ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 2px}.btn-soft{background:var(--s-sunken);color:var(--s-ink)}.btn-hall{background:var(--s-hall-variant);color:#fff6ea}.btn-hall:hover:not(:disabled){background:#3d3263}.field{border:2px solid var(--s-border);width:100%;min-height:48px;color:var(--s-ink);background:#fff;border-radius:14px;padding:10px 14px}.field:focus{border-color:var(--s-sky);outline:none}.choice{border:2px solid var(--s-border);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:6px 14px;font-weight:600;display:inline-flex}input:checked+.choice,.choice[aria-checked=true]{border-color:var(--s-ink);background:var(--s-ink);color:#fff6ea}input:focus-visible+.choice{outline:3px solid var(--s-sky);outline-offset:2px}.pro-pill{min-height:34px;color:var(--s-sun);border:1px solid #ffc53173;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:.82rem;font-weight:600;display:inline-flex}.pro-pill:hover{background:#ffc5311a}.studio-dialog{background:var(--s-paper,#fff6ea);width:100%;color:var(--s-ink,#2a1f4a);border:0;border-radius:26px;max-height:calc(100dvh - 2rem);margin:auto;padding:0;box-shadow:0 3px #2a1f4a33,0 30px 80px -20px #0000008c}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a14309e}.studio-dialog[open]{animation:.18s ease-out dialog-in}.studio-dialog--hall{color:#fff6ea;background:#241c40}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.coach{z-index:30;background:var(--s-paper);max-width:300px;color:var(--s-ink);border-radius:20px;padding:16px 18px;position:absolute;box-shadow:0 3px #0000004d,0 20px 40px -14px #0009}.coach-target{border-radius:999px;box-shadow:0 0 0 4px var(--s-sun), 0 0 0 10px #ffc53140!important}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:60;background:var(--s-paper);max-width:calc(100vw - 32px);color:var(--s-ink);border-radius:18px;align-items:center;gap:12px;padding:10px 12px 10px 18px;animation:.2s ease-out toast-in;display:flex;position:fixed;translate:-50%;box-shadow:0 3px #0000004d,0 16px 40px -12px #0009}@keyframes toast-in{0%{opacity:0;translate:-50% 12px}}.progress{background:var(--s-sunken);border-radius:999px;height:14px;overflow:hidden}.progress>span{background:repeating-linear-gradient(-60deg, var(--s-coral) 0 10px, #ff7a69 10px 20px);border-radius:999px;height:100%;transition:width .2s;display:block}@media (prefers-reduced-motion:reduce){.studio-root *,.studio-root :before,.studio-root :after,.studio-dialog,.toast{transition-duration:.001ms!important;animation-duration:.001ms!important}.stage-flash{display:none}}}.studio-hall :focus-visible{outline:3px solid var(--s-sun);outline-offset:2px}.studio-paper :focus-visible{outline:3px solid var(--s-sky);outline-offset:3px}.studio-dialog :focus-visible{outline-offset:2px;outline:3px solid #3d7dff}.studio-dialog--hall :focus-visible{outline-color:#ffc531}