:root{--font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-text: "Work Sans", "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--step--2: .64rem;--step--1: .8rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.5625rem;--step-3: 1.953rem;--step-4: 2.441rem;--step-5: 3.052rem;--leading-body: 1.6;--leading-heading: 1.15;--leading-display: .98;--measure: 68ch;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 7rem;--bone-50: #f3ece0;--bone-100: #fbf7f0;--bone-200: #ece3d4;--bone-300: #e2d7c3;--umber-900: #241d15;--umber-700: #5a4c3b;--umber-500: #665845;--umber-300: #c2b299;--umber-200: #ddd0ba;--vermilion-100: #f7e2da;--vermilion-500: #bb351f;--vermilion-700: #a32c17;--vermilion-900: #6d1a0c;--bg: var(--bone-50);--bg-sunk: var(--bone-200);--surface: var(--bone-100);--surface-nested: var(--bone-200);--surface-hover: var(--bone-300);--line: var(--umber-200);--line-strong: var(--umber-300);--ink: var(--umber-900);--ink-2: var(--umber-700);--ink-3: var(--umber-500);--accent: var(--vermilion-500);--accent-ink: var(--bone-100);--accent-text: var(--vermilion-700);--accent-wash: var(--vermilion-100);--stage: #f7efe2;--focus: var(--vermilion-700);--btn-primary-bg: var(--accent);--btn-primary-ink: var(--accent-ink);--btn-primary-bg-hover: var(--vermilion-700);--btn-secondary-bg: var(--surface);--btn-secondary-ink: var(--ink);--btn-ghost-ink: var(--ink-2);--card-bg: var(--surface);--card-line: var(--line);--stage-lamp: var(--bone-100);--radius: .625rem;--border: 1px solid var(--line);--border-strong: 1px solid var(--line-strong);--shadow-contact: 0 1px 2px oklch(.2 .03 55 / .1);--shadow-ambient: 0 8px 24px oklch(.2 .03 55 / .12);--shadow-lift: var(--shadow-contact), var(--shadow-ambient);--tap-min: 2.75rem;--tap-min-dense: 2rem;--stroke: 2px;--stroke-heavy: 4px;--hairline: 1px;--focus-w: 2px;--focus-offset: 2px;--focus-surface-gap: 3px;--offscreen: -9999px;--icon-btn: 2.25rem;--toggle-track-w: 2.75rem;--toggle-track-h: 1.5rem;--toggle-knob: 1.125rem;--toggle-knob-shift: 1.25rem;--badge-inset: -6px;--char-card: 3rem;--part-cell-min: 5.5rem;--swatch-cell-min: 9rem;--swatch-chip: 3.5rem;--readout-min: 3.5rem;--press-nudge: 1px;--demo-max: 32rem;--stage-demo-max: 20rem;--builder-demo-max: 22rem;--drawer-demo-min: 12rem;--tray-tile-min: 11rem;--badge-pip-inset: 38% 26% 30% 26%;--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--dur-spin: .7s;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.4, .64, 1);--shell-max: 80rem;--tray-w: 21rem;--proscenium: .375rem}:root{--studio-paper: #f7f6f2;--studio-white: #fffefa;--studio-ink: #292237;--studio-muted: #726c7c;--studio-line: #e2dee5;--studio-lilac: #c3b5ed;--studio-lilac-pale: #eee9f7;--studio-lime: #d5f36b;--studio-coral: #f48774;--studio-orange: #f3a854;--studio-soft: #f0eef0;--studio-green: #4a5c20;--studio-focus: #7053ac;--bg: var(--studio-paper);--surface: var(--studio-white);--surface-hover: var(--studio-lilac-pale);--bg-sunk: var(--studio-soft);--surface-nested: var(--studio-soft);--ink: var(--studio-ink);--ink-2: #575063;--ink-3: #696171;--line: var(--studio-line);--line-strong: #b5acbf;--accent: var(--studio-ink);--accent-ink: var(--studio-white);--accent-text: var(--studio-focus);--accent-wash: var(--studio-lilac-pale);--focus: var(--studio-focus);--stage: var(--studio-lilac-pale);--vermilion-700: #463754;--studio-max: 94rem;--studio-tray: 17.5rem;--studio-director: 18.5rem;--studio-gap: 1.5rem;--studio-header-h: 5.25rem;--studio-radius: 1.5rem;--studio-radius-sm: 1rem;--studio-pill: 999px;--studio-card-min: 5rem;--studio-stage-max: 32rem;--studio-stage-min: 20rem;--studio-tray-h: 24rem;--studio-cast-h: 6.5rem;--studio-icon: 1.15rem;--studio-logo: 2.75rem;--studio-heading: clamp(2rem, 3.2vw, 3rem);--studio-tiny: .6875rem;--studio-small: .8125rem;--studio-body: .875rem;--studio-track: .14em;--studio-shadow: 0 5px 0 #29223708;--studio-modal-max: 62rem;--studio-stage-pad: 1.25rem;--studio-control-h: 3.5rem;--studio-thumb: 4.5rem;--studio-swatch: 3.75rem;--studio-dot: .4375rem;--studio-panel-scroll: 29rem;--studio-script-h: 8rem;--studio-stage-bottom: 1rem;--studio-card-shadow: 0 12px 36px #2922370a;--studio-line-height: 1.4;--studio-label-offset: 2.75rem}:root{--scene-portrait-width: 19rem;--scene-offscreen: -20000px;--scene-weight-strong: 700;--scene-weight-medium: 500;--scene-heading-tracking: -.03em}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-0);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-heading);letter-spacing:-.02em;margin:0;text-wrap:balance}h1{font-size:var(--step-4);line-height:var(--leading-display)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0;max-width:var(--measure);text-wrap:pretty}:focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset);border-radius:calc(var(--radius) / 2)}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:var(--hairline);height:var(--hairline);padding:0;margin:calc(-1 * var(--hairline));overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:var(--offscreen);z-index:100}.skip-link:focus{left:var(--space-s);top:var(--space-s);padding:var(--space-2xs) var(--space-xs);background:var(--surface);border:var(--border-strong);border-radius:var(--radius)}.label{font-family:var(--font-text);font-size:var(--step--1);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0}.numeric{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:var(--tap-min);padding:var(--space-2xs) var(--space-m);padding-bottom:calc(var(--space-2xs) - var(--hairline));font-family:var(--font-text);font-size:var(--step-0);font-weight:600;line-height:1.2;border-radius:var(--radius);border:var(--border);background:var(--btn-secondary-bg);color:var(--btn-secondary-ink);cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.btn:hover{background:var(--surface-hover)}.btn:active{transform:translateY(var(--press-nudge));box-shadow:none}.btn:disabled{background:var(--bg-sunk);color:var(--ink-3);border-color:var(--line);cursor:not-allowed;transform:none}.btn[aria-busy=true]{color:transparent;cursor:progress}.btn[aria-busy=true]:after{content:"";position:absolute;width:var(--space-m);height:var(--space-m);border:var(--stroke) solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--ink-2);animation:cp-spin var(--dur-spin) linear infinite}.btn[aria-busy=true]{position:relative}@keyframes cp-spin{to{transform:rotate(360deg)}}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-ink);border-color:var(--btn-primary-bg);box-shadow:var(--shadow-contact)}.btn-primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover)}.btn-primary:disabled{background:var(--bg-sunk);color:var(--ink-3);border-color:var(--line)}.btn-ghost{background:transparent;border-color:transparent;color:var(--btn-ghost-ink)}.btn-ghost:hover{background:var(--surface-nested);color:var(--ink)}.btn-danger{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:var(--shadow-contact)}.btn-danger:hover{background:var(--vermilion-900);border-color:var(--vermilion-900)}.btn-sm{min-height:var(--tap-min-dense);padding:var(--space-3xs) var(--space-xs);padding-bottom:calc(var(--space-3xs) - var(--hairline));font-size:var(--step--1)}.btn-block{width:100%;justify-content:center}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--icon-btn);height:var(--icon-btn);background:transparent;color:var(--ink-2);border:var(--border);border-radius:var(--radius);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.icon-btn:after{content:"";position:absolute;inset:var(--badge-inset)}.icon-btn:hover{background:var(--surface-hover);color:var(--ink)}.icon-btn:active{transform:translateY(var(--press-nudge))}.icon-btn:disabled{color:var(--ink-3);background:transparent;cursor:not-allowed;opacity:.55}.icon-btn-bare{border-color:transparent}.icon-btn-bare:hover{background:var(--surface-nested)}.toggle{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--tap-min);background:none;border:0;padding:0;font:inherit;color:var(--ink);cursor:pointer}.toggle-track{position:relative;flex:none;width:var(--toggle-track-w);height:var(--toggle-track-h);background:var(--surface-nested);border:var(--border-strong);border-radius:var(--radius);transition:background-color var(--dur) var(--ease)}.toggle-track:after{content:"";position:absolute;top:var(--hairline);left:var(--hairline);width:var(--toggle-knob);height:var(--toggle-knob);background:var(--surface);border:var(--border-strong);border-radius:calc(var(--radius) - var(--stroke) - var(--hairline));box-shadow:var(--shadow-contact);transition:transform var(--dur) var(--spring)}.toggle[aria-pressed=true] .toggle-track{background:var(--accent)}.toggle[aria-pressed=true] .toggle-track:after{transform:translate(var(--toggle-knob-shift))}.toggle:disabled{color:var(--ink-3);cursor:not-allowed}.toggle:disabled .toggle-track{opacity:.5}.card{background:var(--card-bg);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-contact)}.tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--part-cell-min),1fr));gap:var(--space-xs)}.tray-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-3xs);background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-contact);cursor:grab;text-align:center;transition:transform var(--dur) var(--spring),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.tray-tile:hover{transform:translateY(calc(-1 * var(--focus-offset)));box-shadow:var(--shadow-lift);border-color:var(--line-strong)}.tray-tile:active{cursor:grabbing;transform:translateY(0)}.tray-tile[aria-pressed=true]{background:var(--accent-wash);border-color:var(--accent)}.tray-tile:disabled{background:var(--bg-sunk);cursor:not-allowed;opacity:.6}.tray-swatch{display:grid;place-items:center;width:var(--char-card);height:var(--char-card);background:var(--bg-sunk);border-radius:calc(var(--radius) - var(--focus-offset));font-size:var(--step-2);line-height:1}.tray-name{font-size:var(--step--1);font-weight:600;line-height:1.2;color:var(--ink-2)}.tray-cap{font-size:var(--step--2);color:var(--accent-text);font-weight:600}.char-card{display:flex;flex-direction:column;background:var(--card-bg);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-contact);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.char-card:hover{transform:translateY(calc(-1 * var(--focus-offset)));box-shadow:var(--shadow-lift)}.char-card-frame{position:relative;aspect-ratio:1;display:grid;place-items:center;background:var(--stage);border-bottom:var(--border)}.char-card-face{font-size:var(--step-5);line-height:1}.char-card-meta{padding:var(--space-xs) var(--space-s) var(--space-s)}.char-card-name{font-size:var(--step-0);font-weight:600;line-height:1.3}.char-card-sub{font-size:var(--step--1);color:var(--ink-3);margin-top:var(--space-3xs)}.char-card-actions{display:flex;gap:var(--space-3xs);padding:0 var(--space-s) var(--space-s)}.upload-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-m) var(--space-s);background:var(--surface);border:var(--stroke) dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-2);font:inherit;text-align:center;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.upload-card:hover{background:var(--accent-wash);border-color:var(--accent);color:var(--ink)}.upload-card-title{font-size:var(--step-0);font-weight:600;color:var(--ink)}.upload-card-sub{font-size:var(--step--1);color:var(--ink-3)}.stage{position:relative;display:grid;place-items:center;aspect-ratio:4 / 5;width:100%;overflow:hidden;background:var(--stage);border:var(--border);border-top:var(--proscenium) solid var(--line-strong);border-radius:0 0 var(--radius) var(--radius)}.stage-lamp{position:absolute;inset:0;pointer-events:none;background:radial-gradient(62% 48% at 50% 26%,var(--stage-lamp) 0%,transparent 70%);opacity:.9;transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.stage>canvas{position:relative;display:block;width:100%;height:auto}.stage[data-payoff=true] .stage-lamp{opacity:1;transform:scale(1.06)}.stage-figure{position:relative;font-size:var(--step-5);line-height:1}.stage-selected{position:absolute;border:var(--stroke) solid var(--accent);border-radius:var(--radius);box-shadow:0 0 0 var(--focus-surface-gap) var(--surface);pointer-events:none}.stage-front-tag{position:absolute;bottom:var(--space-xs);left:var(--space-xs);padding:var(--space-3xs) var(--space-2xs);background:var(--surface);border:var(--border-strong);border-radius:var(--radius);font-size:var(--step--2);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);box-shadow:var(--shadow-contact)}.amount{display:flex;align-items:center;gap:var(--space-xs)}.amount-slider{flex:1;accent-color:var(--accent);height:var(--tap-min)}.amount-value{min-width:var(--readout-min);font-size:var(--step--1);font-weight:600;color:var(--ink-2);text-align:right}.drawer{display:flex;flex-direction:column;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lift);overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-s);border-bottom:var(--border)}.drawer-body{padding:var(--space-s);overflow-y:auto}dialog{padding:var(--space-l);max-width:var(--demo-max);width:calc(100% - var(--space-l) * 2);background:var(--surface);color:var(--ink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lift)}dialog::backdrop{background:#21120866}.dialog-actions{display:flex;gap:var(--space-2xs);justify-content:flex-end;margin-top:var(--space-m)}.notice{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-s);background:var(--surface);border:var(--border);border-left:var(--stroke-heavy) solid var(--ink-3);border-radius:var(--radius);box-shadow:var(--shadow-lift)}.notice-good{border-left-color:var(--accent)}.notice-warn{border-left-color:var(--umber-500)}.notice-body{flex:1}.notice-title{font-weight:600}.notice-text{font-size:var(--step--1);color:var(--ink-2);margin-top:var(--space-3xs)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-m);text-align:center}.empty-mark{font-size:var(--step-4);line-height:1;opacity:.85}.empty-title{font-family:var(--font-display);font-size:var(--step-1);font-weight:600}.empty-text{color:var(--ink-2);font-size:var(--step-0);max-width:34ch}.hint{padding:var(--space-xs) var(--space-s);background:var(--surface-nested);border-radius:var(--radius);font-size:var(--step--1);color:var(--ink-2)}.record-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs);background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lift)}.record-btn{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:var(--tap-min);padding:var(--space-2xs) var(--space-m);font:inherit;font-weight:600;background:var(--accent);color:var(--accent-ink);border:var(--border);border-color:var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-contact);cursor:pointer;transition:background-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.record-btn:hover{background:var(--vermilion-900)}.record-btn:active{transform:translateY(var(--press-nudge))}.record-dot{width:var(--space-2xs);height:var(--space-2xs);background:currentColor;border-radius:50%}.record-live .record-dot{animation:cp-pulse 1.2s var(--ease) infinite}@keyframes cp-pulse{0%,to{opacity:1}50%{opacity:.35}}.countdown{font-family:var(--font-display);font-size:var(--step-4);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.take-preview{width:100%;max-width:var(--stage-demo-max);border:var(--border);border-radius:var(--radius);background:var(--bg-sunk)}.field{display:flex;flex-direction:column;gap:var(--space-3xs)}.field-label{font-size:var(--step--1);font-weight:600;color:var(--ink-2)}.field-input{min-height:var(--tap-min);padding:var(--space-2xs) var(--space-xs);font:inherit;color:var(--ink);background:var(--surface);border:var(--border-strong);border-radius:var(--radius)}.field-input:focus-visible{border-color:var(--accent)}.field-input[aria-invalid=true]{border-color:var(--accent);border-width:var(--stroke)}.field-error{font-size:var(--step--1);color:var(--accent-text);font-weight:600}.field-hint{font-size:var(--step--1);color:var(--ink-3)}.shell{max-width:var(--shell-max);margin:0 auto;padding:var(--space-l) var(--space-m)}.builder{display:grid;gap:var(--space-m);grid-template-columns:1fr;align-items:start}@media(min-width:60rem){.builder{grid-template-columns:var(--tray-w) 1fr}}.builder-stage{order:-1;width:100%;max-width:var(--demo-max);justify-self:center}.builder-parts{order:0}@media(min-width:60rem){.builder-stage{order:0;position:sticky;top:var(--space-s)}}.parts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.camera-bar{display:flex;flex-direction:column;gap:var(--space-2xs);margin-bottom:var(--space-s)}.camera-status{font-size:var(--step--1);color:var(--ink-2);margin:0}.camera-preview{width:100%;max-width:var(--drawer-demo-min);border:var(--border);border-radius:var(--radius);transform:scaleX(-1);background:var(--bg-sunk)}.dev-bench{display:none}@media(min-width:60rem){.dev-bench{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-xs);padding:var(--space-s);background:var(--bg-sunk);border:var(--border);border-radius:var(--radius)}.dev-bench label{display:flex;flex-direction:column;gap:var(--space-3xs);font-size:var(--step--1);color:var(--ink-2)}}.stage-overlay{position:absolute;inset:0;touch-action:none;cursor:move}.stage-handle{position:absolute;width:var(--icon-btn);height:var(--icon-btn);background:var(--surface);border:var(--stroke) solid var(--accent);border-radius:50%;cursor:grab;touch-action:none}.stage-handle:after{content:"";position:absolute;inset:var(--badge-inset)}.stage-handle-scale{cursor:nwse-resize}.stack{display:flex;flex-direction:column;gap:var(--space-s)}.stack-tight{display:flex;flex-direction:column;gap:var(--space-2xs)}.row{display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.grow{flex:1}.catalog-section{padding:var(--space-xl) 0;border-top:var(--border)}.catalog-section:first-of-type{border-top:0}.demo-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:flex-start;padding:var(--space-s);background:var(--bg-sunk);border-radius:var(--radius)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--swatch-cell-min),1fr));gap:var(--space-2xs)}.swatch{border-radius:var(--radius);border:var(--border);overflow:hidden}.swatch-chip{height:var(--swatch-chip)}.swatch-name{padding:var(--space-2xs);font-size:var(--step--1);font-weight:600}.swatch-val{padding:0 var(--space-2xs) var(--space-2xs);font-size:var(--step--2);color:var(--ink-3)}.char-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-s)}.steps{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:baseline}.step-sample{padding:var(--space-2xs) var(--space-xs);background:var(--surface);border:var(--border);border-radius:var(--radius);font-family:var(--font-display)}.forbidden{padding:var(--space-s);background:var(--surface);border:var(--border);border-left:var(--stroke-heavy) solid var(--ink-3);border-radius:var(--radius)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.studio-icon{width:var(--studio-icon);height:var(--studio-icon);flex-shrink:0}.studio-header{min-height:var(--studio-header-h);padding:var(--space-s) var(--space-l);display:flex;align-items:center;gap:var(--space-l);border-bottom:var(--border);background:var(--studio-white)}.studio-brand{display:flex;align-items:center;gap:var(--space-xs);color:var(--ink);text-decoration:none;font:700 var(--step-1)/1.15 var(--font-display)}.studio-brand small{display:block;font:400 var(--studio-tiny)/1.5 var(--font-text);color:var(--ink-3);margin-top:var(--space-3xs)}.studio-brand-mark{display:grid;place-items:center;background:var(--studio-ink);border-radius:var(--studio-radius-sm);width:var(--studio-logo);height:var(--studio-logo);color:var(--studio-lime)}.studio-brand-mark svg{width:var(--space-m);height:var(--space-m);fill:currentColor}.studio-nav{display:flex;align-self:stretch;align-items:center;margin:auto;gap:var(--space-l)}.studio-nav a{display:flex;align-items:center;min-height:var(--tap-min);text-decoration:none;color:var(--ink-3);font-size:var(--studio-body);font-weight:600}.studio-nav a[aria-current=page]{color:var(--ink);box-shadow:0 var(--stroke) 0 var(--ink)}.studio-header-end{display:flex;align-items:center;gap:var(--space-m)}.free-pill{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--studio-tiny);font-weight:600;padding:var(--space-2xs) var(--space-xs);border:var(--border);border-radius:var(--studio-pill);white-space:nowrap}.free-pill>span,.live-dot{width:var(--studio-dot);height:var(--studio-dot);border-radius:50%;background:var(--studio-green);display:inline-block}.studio-text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-2xs) 0;min-height:var(--tap-min);color:var(--ink);background:none;border:0;cursor:pointer;font:600 var(--studio-small) var(--font-text)}.studio-text-button:hover{color:var(--studio-focus)}.studio-main{max-width:var(--studio-max);margin:auto;padding:var(--space-l)}.studio-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-l);margin-bottom:var(--space-l)}.studio-eyebrow{font:600 var(--studio-tiny)/1.5 var(--font-mono);letter-spacing:var(--studio-track);color:var(--ink-3);margin-bottom:var(--space-xs)}.studio-intro h1{font-size:var(--studio-heading);letter-spacing:-.045em;line-height:1.1}.studio-intro h1 em{font-style:normal;position:relative}.studio-intro h1 em:after{content:"";position:absolute;inset:64% -2% -2%;background:var(--studio-lime);z-index:-1;transform:rotate(-2deg)}.studio-intro p:not(.studio-eyebrow){color:var(--ink-3);font-size:var(--studio-body);margin-top:var(--space-xs)}.studio-intro-note{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--studio-small);color:var(--ink-3);padding-bottom:var(--space-3xs)}.studio-workspace{display:grid;grid-template-columns:var(--studio-tray) minmax(0,1fr) var(--studio-director);gap:var(--studio-gap);align-items:start}.studio-panel{border:var(--border);border-radius:var(--studio-radius);background:var(--studio-white);overflow:hidden;box-shadow:var(--studio-shadow)}.studio-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);padding:var(--space-m) var(--space-s) var(--space-s)}.studio-panel-heading h2{font-size:var(--step-1)}.studio-count{color:var(--ink-3);font:400 var(--studio-tiny) var(--font-mono)}.studio-panel-tabs{display:flex;padding:0 var(--space-s);border-bottom:var(--border);gap:var(--space-m)}.studio-panel-tabs button{background:none;border:0;border-bottom:var(--stroke) solid transparent;padding:var(--space-xs) 0;color:var(--ink-3);font:600 var(--studio-small) var(--font-text);min-height:var(--tap-min);cursor:pointer}.studio-panel-tabs button[aria-selected=true]{border-bottom-color:var(--studio-ink);color:var(--ink)}.parts-search{display:flex;align-items:center;gap:var(--space-2xs);margin:var(--space-s);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);background:var(--studio-paper);border:var(--border);color:var(--ink-3)}.parts-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:400 var(--studio-small) var(--font-text);min-height:var(--space-m)}.part-categories{display:flex;flex-wrap:wrap;gap:var(--space-3xs);padding:0 var(--space-s) var(--space-s)}.part-categories button{padding:var(--space-2xs) var(--space-xs);border:0;background:transparent;border-radius:var(--studio-pill);font:600 var(--studio-tiny) var(--font-text);color:var(--ink-3);min-height:var(--tap-min-dense);cursor:pointer}.part-categories button[aria-pressed=true]{background:var(--studio-ink);color:var(--studio-white)}.studio-parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs);padding:0 var(--space-s) var(--space-s);max-height:var(--studio-tray-h);overflow-y:auto;scrollbar-width:thin}.studio-part{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);min-width:0;padding:var(--space-xs) var(--space-3xs);border:var(--hairline) solid transparent;border-radius:var(--studio-radius-sm);background:var(--studio-paper);cursor:pointer;font:500 var(--studio-tiny)/1.25 var(--font-text);color:var(--ink-2);transition:background var(--dur-fast),transform var(--dur-fast)}.studio-part:hover{border-color:var(--studio-lilac);background:var(--studio-lilac-pale);transform:translateY(calc(-1 * var(--focus-offset)))}.studio-part:active{transform:scale(.96)}.studio-part:disabled{cursor:not-allowed;color:var(--ink-3)}.studio-part img{width:var(--studio-swatch);height:var(--studio-swatch);object-fit:contain}.studio-part-add{position:absolute;right:var(--space-3xs);top:var(--space-3xs);width:var(--space-s);height:var(--space-s);opacity:0}.studio-part:hover .studio-part-add,.studio-part:focus-visible .studio-part-add{opacity:1}.studio-part-add svg{width:100%;height:100%}.studio-tray-footer{padding:var(--space-s);border-top:var(--border);color:var(--ink-3);font-size:var(--studio-tiny);display:flex;align-items:center;gap:var(--space-2xs)}.studio-tray-footer svg{color:var(--studio-green)}.studio-upload{padding:var(--space-s);display:grid;gap:var(--space-s)}.studio-upload .upload-card{min-height:var(--studio-script-h);padding:var(--space-m) var(--space-s)}.studio-upload input{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}.studio-upload .upload-card{position:relative}.studio-upload .upload-card:focus-within{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}.studio-upload .upload-card-title{font-size:var(--studio-body)}.studio-upload .upload-card-sub{font-size:var(--studio-tiny)}.studio-stage-column{min-width:0}.studio-stage-card{border-radius:var(--studio-radius);border:var(--border);background:var(--studio-lilac-pale);overflow:hidden;position:relative}.studio-stage-toolbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-s) var(--space-m);z-index:3;pointer-events:none}.stage-label{font:600 var(--studio-tiny) var(--font-mono);letter-spacing:var(--studio-track);color:var(--ink-2)}.stage-live{display:flex;align-items:center;gap:var(--space-2xs);font:600 var(--studio-tiny) var(--font-text);background:var(--studio-white);padding:var(--space-2xs) var(--space-xs);border-radius:var(--studio-pill)}.stage-live .live-dot{background:var(--studio-focus)}.studio-canvas-wrap{position:relative;width:100%;max-width:var(--studio-stage-max);margin-inline:auto;aspect-ratio:1;min-height:0}.studio-canvas-wrap>.stage{position:absolute;inset:0;border:0;border-radius:0;background:transparent;aspect-ratio:1;min-height:0;width:100%}.studio-canvas-wrap .stage>canvas{width:100%;height:100%}.studio-canvas-wrap .stage-lamp{display:none}.rive-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rive-backdrop canvas{display:block;width:100%;height:100%}.studio-canvas-wrap .stage-overlay{z-index:2}.studio-canvas-wrap .stage-front-tag{top:auto;bottom:var(--space-m);z-index:3;font-size:var(--studio-tiny);pointer-events:none}.studio-stage-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-m) var(--space-s);gap:var(--space-xs)}.character-name{min-width:0;max-width:50%}.character-name input{width:100%;min-height:var(--tap-min);padding:0;border:0;border-bottom:var(--hairline) dashed var(--line-strong);background:transparent;font:700 var(--step-2) var(--font-display);color:var(--ink)}.character-name span{display:block;font-size:var(--studio-tiny);color:var(--ink-3);margin-top:var(--space-3xs)}.studio-save{min-width:var(--studio-script-h)}.studio-reactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs);margin-top:var(--space-s)}.studio-reactions[aria-label="Move your character"]{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-reactions>.btn{grid-column:1 / -1}.studio-reactions>span{grid-column:1 / -1;font-size:var(--studio-tiny);color:var(--ink-3);white-space:nowrap}.reaction-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);flex:1;background:transparent;border:0;min-height:var(--tap-min);padding:var(--space-2xs);border-radius:var(--studio-pill);cursor:pointer;font:600 var(--studio-small) var(--font-text);color:var(--ink)}.reaction-button:hover,.reaction-button[aria-pressed=true]{background:var(--studio-lilac-pale)}.reaction-glyph{font-size:var(--step-1);font-family:var(--font-mono)}.studio-main-action{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-top:var(--space-s)}.rive-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:var(--studio-control-h);padding:var(--space-xs) var(--space-s);width:100%;background:transparent;color:var(--studio-ink);border:0;border-radius:var(--studio-pill);cursor:pointer;font:600 var(--studio-body)/1.2 var(--font-text);overflow:hidden}.rive-button--ink{color:var(--studio-white)}.rive-button__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.rive-button__label{position:relative;pointer-events:none}.rive-button:disabled{cursor:not-allowed}.rive-button:focus-visible{outline-offset:var(--focus-surface-gap)}.studio-camera{border:var(--border);border-radius:var(--studio-pill);background:var(--studio-white);font:600 var(--studio-small) var(--font-text);display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);color:var(--ink);cursor:pointer;min-height:var(--studio-control-h)}.studio-camera:hover{background:var(--studio-lilac-pale)}.studio-camera[aria-pressed=true]{background:var(--studio-lime)}.studio-cast{margin-top:var(--space-m)}.studio-section-caption{display:flex;align-items:center;justify-content:space-between;font-size:var(--studio-small);margin-bottom:var(--space-xs)}.studio-section-caption span{font-size:var(--studio-tiny);color:var(--ink-3)}.cast-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.cast-option{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);min-width:0;border:var(--border);background:var(--studio-white);border-radius:var(--studio-radius-sm);cursor:pointer;text-align:left;color:var(--ink)}.cast-option:hover{border-color:var(--studio-focus);background:var(--studio-lilac-pale)}.cast-option>span{font:700 var(--studio-small) var(--font-display)}.cast-option small{display:block;font:400 var(--studio-tiny)/1.3 var(--font-text);color:var(--ink-3);margin-top:var(--space-3xs)}.character-mini{width:var(--studio-thumb);height:var(--studio-thumb);flex-shrink:0;overflow:hidden;pointer-events:none}.character-mini .stage{width:100%;height:100%;min-height:0;border:0;border-radius:0;background:transparent}.character-mini .stage-lamp{display:none}.character-mini canvas{width:100%;height:100%}.studio-director{display:grid;gap:var(--space-s)}.studio-voice-intro{padding:var(--space-m) var(--space-s) 0}.studio-voice-intro .studio-eyebrow{margin-bottom:var(--space-2xs);color:var(--studio-focus)}.studio-voice-intro h2{font-size:var(--step-2)}.studio-voice-intro>p:last-child{font-size:var(--studio-small);color:var(--ink-3);margin-top:var(--space-2xs)}.voice-studio{padding:var(--space-s);font-size:var(--studio-small);display:grid;gap:var(--space-xs)}.voice-studio h2,.voice-studio h3{font-size:var(--step-1)}.voice-studio label{display:grid;gap:var(--space-2xs);font-size:var(--studio-tiny);font-weight:600}.voice-studio textarea,.voice-studio select{width:100%;min-width:0;border:var(--border);border-radius:var(--studio-radius-sm);color:var(--ink);font:400 var(--studio-small)/var(--studio-line-height) var(--font-text);background:var(--studio-paper);padding:var(--space-xs);min-height:var(--tap-min)}.voice-studio textarea{min-height:var(--studio-script-h);resize:vertical}.voice-studio .btn{font-size:var(--studio-small);padding-inline:var(--space-xs)}.voice-studio p,.voice-studio small{font-size:var(--studio-tiny);color:var(--ink-3)}.voice-studio [role=alert]{color:var(--studio-focus)}.studio-voice-foot{border-top:var(--border);padding:var(--space-xs) var(--space-s);display:flex;align-items:center;gap:var(--space-2xs);color:var(--ink-3);font-size:var(--studio-tiny)}.studio-tip{padding:var(--space-s);display:flex;gap:var(--space-xs);background:var(--studio-lime);border-radius:var(--studio-radius-sm);font-size:var(--studio-small);line-height:var(--studio-line-height)}.studio-tip strong{display:block;margin-bottom:var(--space-3xs)}.studio-selected{padding:var(--space-s);margin-top:var(--space-s);background:var(--studio-white);border:var(--border);border-radius:var(--studio-radius-sm)}.studio-selected h3{font-size:var(--studio-body);margin-bottom:var(--space-xs)}.studio-selected .btn{min-height:var(--tap-min);font-size:var(--studio-tiny);padding:var(--space-2xs) var(--space-xs)}.studio-selected .row+.row{margin-top:var(--space-2xs)}.studio-onstage{margin-top:var(--space-m);font-size:var(--studio-small)}.studio-onstage summary{min-height:var(--tap-min);cursor:pointer;color:var(--ink-3)}.studio-onstage .parts-list{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.studio-onstage .btn{font-size:var(--studio-tiny)}.studio-notice{min-height:var(--space-l);padding:var(--space-xs) 0;font-size:var(--studio-small);color:var(--ink-2)}.studio-notice:empty{padding:0}.studio-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-l);margin-top:var(--space-l);border-top:var(--border);font:400 var(--studio-tiny) var(--font-mono);color:var(--ink-3)}.studio-footer a{color:inherit}.studio-recorder{padding:var(--space-s);font-size:var(--studio-small)}.studio-recorder h2{font-size:var(--step-1);margin-bottom:var(--space-xs)}.studio-recorder h3{font-size:var(--studio-small);margin:var(--space-s) 0 var(--space-2xs)}.studio-recorder .row{font-size:var(--studio-tiny)}.studio-recorder .btn{font-size:var(--studio-small)}.studio-recorder .notice:empty{display:none}.studio-recorder .take-preview{width:100%;max-width:none}.studio-recorder .parts-list{display:flex;flex-direction:column;gap:var(--space-2xs)}.studio-recorder .stack-tight>label{margin-bottom:var(--space-2xs)}.studio-camera-status{font-size:var(--studio-small);margin-top:var(--space-xs)}.studio-camera-status:empty{display:none}.studio-mobile-tabs{display:none}.studio-close{display:grid;place-items:center;min-width:var(--tap-min);min-height:var(--tap-min);border:var(--border);border-radius:50%;background:var(--studio-white);color:var(--ink);cursor:pointer}.plans-dialog{width:calc(100% - var(--space-l));max-width:var(--studio-modal-max);padding:var(--space-l);border-radius:var(--studio-radius)}.plans-dialog>.studio-close{float:right}.plans-dialog>h2{font-size:var(--step-4);margin-bottom:var(--space-xs)}.plans-dialog>p{color:var(--ink-3);font-size:var(--studio-body)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-s);margin:var(--space-l) 0}.plan-card{padding:var(--space-m);border:var(--border);border-radius:var(--studio-radius-sm);background:var(--studio-paper)}.plan-card--free{background:var(--studio-lime);border-color:transparent}.plan-card h3{margin:var(--space-xs) 0;font-size:var(--step-2)}.plan-card>p{font-size:var(--studio-small);min-height:var(--space-xl)}.plan-card ul{list-style:none;padding:0;display:grid;gap:var(--space-s);margin:var(--space-m) 0}.plan-card li{display:flex;gap:var(--space-2xs);font-size:var(--studio-small);line-height:var(--studio-line-height)}.plan-status{font:600 var(--studio-tiny) var(--font-mono)}.plan-footnote{font-size:var(--studio-tiny);color:var(--ink-2)}.plans-note{margin-bottom:var(--space-m)}.studio-shelf{padding-block:var(--space-l)}.studio-shelf>section{margin-top:var(--space-l)}.studio-shelf .char-grid{margin-top:var(--space-s)}.studio-shelf .character-mini{width:100%;height:auto;aspect-ratio:1;background:var(--studio-lilac-pale)}@media(max-width:75rem){.studio-workspace{grid-template-columns:var(--studio-tray) minmax(0,1fr)}.studio-director{grid-column:1 / -1;grid-template-columns:1fr 1fr;align-items:start}.studio-tip{grid-column:1 / -1}.studio-header-end .free-pill{display:none}}@media(max-width:56rem){.studio-header{gap:var(--space-s);padding-inline:var(--space-m);flex-wrap:wrap}.studio-nav{order:3;width:100%;justify-content:center}.studio-header-end{margin-left:auto}.studio-main{padding:var(--space-m)}.studio-intro-note{display:none}.studio-workspace{grid-template-columns:minmax(0,1fr)}.studio-stage-column{grid-row:1}.studio-library{grid-row:2}.studio-parts-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:var(--studio-panel-scroll)}.studio-director{grid-row:3}.studio-mobile-tabs{display:flex;gap:var(--space-2xs);margin-bottom:var(--space-m)}.studio-mobile-tabs button{flex:1}.plan-grid{grid-template-columns:1fr}.plan-card>p{min-height:0}}@media(max-width:40rem){.studio-main,.studio-header{padding:var(--space-s)}.studio-brand{font-size:var(--studio-body)}.studio-header-end .studio-text-button{font-size:var(--studio-tiny)}.studio-intro{margin-bottom:var(--space-m)}.studio-intro h1{font-size:var(--step-4)}.studio-intro p:not(.studio-eyebrow){font-size:var(--studio-small)}.studio-director{grid-template-columns:1fr}.studio-parts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cast-options{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-reactions>span{display:none}.reaction-button{font-size:var(--studio-tiny)}.cast-option{flex-direction:column;text-align:center}.cast-option small{display:none}.studio-footer{align-items:flex-start;gap:var(--space-s);flex-direction:column}.studio-stage-toolbar{padding:var(--space-s)}.studio-stage-bottom{padding-inline:var(--space-s)}.studio-save{min-width:0;width:45%}}@media(prefers-reduced-motion:reduce){.studio-part,.rive-button,.cast-option{transition:none}}.rive-button[data-icon]{padding-left:var(--studio-label-offset)}.rive-button[data-rive-status=loading],.rive-button[data-rive-status=error]{background:var(--studio-white)}.rive-button--ink[data-rive-status=loading],.rive-button--ink[data-rive-status=error]{background:var(--studio-ink)}.rive-button--lime[data-rive-status=loading],.rive-button--lime[data-rive-status=error]{background:var(--studio-lime)}.studio-reactions .rive-button{border:var(--border);background:var(--studio-white);border-radius:var(--studio-radius-sm);height:var(--studio-control-h);min-width:0;font-size:var(--studio-small);padding-inline:var(--space-2xs)}.studio-text-button:disabled{color:var(--ink-3);cursor:default}.voice-studio>div:first-child{padding-block:var(--space-2xs)}.voice-studio .eyebrow{display:block;font:600 var(--studio-tiny) var(--font-mono);letter-spacing:var(--studio-track);text-transform:uppercase;color:var(--studio-focus);margin-bottom:var(--space-xs)}.voice-studio h2{font-size:var(--step-2)}.voice-script-meta,.voice-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2xs)}.voice-studio .voice-expression{display:flex;align-items:center;gap:var(--space-2xs);font-weight:400}.voice-expression input{accent-color:var(--studio-ink)}.voice-studio .voice-error:empty{display:none}.face-controls{display:grid;gap:var(--space-xs);padding:0 var(--space-s) var(--space-s);font-size:var(--studio-small)}.face-color{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap-min);font-weight:600}.face-color input{width:var(--tap-min);height:var(--tap-min);padding:var(--space-3xs);border:var(--border);background:var(--studio-white);border-radius:var(--studio-radius-sm);cursor:pointer}.face-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.face-swatches button{width:var(--tap-min);height:var(--tap-min);border-radius:var(--studio-radius-sm);border:var(--border);cursor:pointer}.face-swatches button[aria-pressed=true]{outline:var(--focus-w) solid var(--ink);outline-offset:var(--focus-offset)}.face-exaggeration{display:grid;grid-template-columns:1fr auto;gap:var(--space-2xs);font-weight:600}.face-exaggeration input{grid-column:1 / -1;width:100%;min-height:var(--tap-min);accent-color:var(--studio-focus)}.face-controls .voice-expression{display:flex;align-items:center;gap:var(--space-2xs);min-height:var(--tap-min)}.studio-stage-toolbar{position:relative;background:var(--studio-white);padding:var(--space-xs) var(--space-m)}.studio-stage-bottom{background:var(--studio-white);padding-top:var(--space-xs)}.audio-upload{position:relative;overflow:hidden;display:inline-flex;align-items:center}.audio-upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.audio-upload:focus-within{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}.community-controls{display:grid;gap:var(--space-s);padding:var(--space-s)}.community-controls h3{font-size:var(--studio-body)}.community-controls>label{display:grid;gap:var(--space-2xs)}.community-controls select{width:100%;min-height:var(--tap-min)}.community-credit{font-size:var(--studio-tiny);line-height:1.6;color:var(--ink-2);padding:var(--space-xs)}.community-credit a{color:inherit;text-underline-offset:.2em}.community-thumb{object-fit:contain;border-radius:var(--studio-radius-sm);background:var(--studio-lilac-pale)}.cast-option[aria-pressed=true]{border-color:var(--studio-focus);background:var(--studio-lilac-pale)}