:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0f12;--surface:#17171b;--surface-raised:#1f1f25;--surface-sunken:#0a0a0c;--line:#2a2a32;--line-strong:#70707b;--text:#ececf1;--text-muted:#a1a1aa;--text-faint:#85858f;--mid:#2a2640;--mid-line:#4a4273;--mid-text:#c3baf0;--neon-violet:#aa89fc;--neon-magenta:#ff7ad9;--neon-azure:#67aafe;--neon-cyan:#4fd8eb;--neon-lime:#b6f23c;--accent:var(--neon-violet);--accent-strong:#b9a6ff;--accent-tint:#211c38;--on-accent:#14121f;--focus:var(--accent);--good:#34d3a6;--good-tint:#0f2a22;--warn:#fbbf24;--warn-tint:#2c2210;--bad:#ff7a8a;--bad-tint:#30151b;--scrim:#0606099e;--shadow-pop:0 8px 24px #00000080;--shadow-dialog:0 24px 64px #0009;--glow-accent:0 0 0 1px #aa89fc80, 0 0 24px #aa89fc47}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--surface:#fff;--surface-raised:#fff;--surface-sunken:#f1f1f3;--line:#e4e4e7;--line-strong:#85858f;--text:#18181b;--text-muted:#52525b;--text-faint:#6b6b76;--mid:#eceaf8;--mid-line:#cdc7ec;--mid-text:#453a8f;--neon-violet:#7433cb;--neon-magenta:#b0188a;--neon-azure:#0063cd;--neon-cyan:#0b7285;--neon-lime:#4d7c0f;--accent-strong:#4a31b8;--accent-tint:#f0edfd;--on-accent:#fff;--good:#0b7a5c;--good-tint:#e4f6ef;--warn:#8a4b08;--warn-tint:#fdf2d5;--bad:#c01540;--bad-tint:#fde7eb;--scrim:#18181b61;--shadow-pop:0 8px 24px #18181b1f;--shadow-dialog:0 24px 64px #18181b2e;--glow-accent:0 0 0 1px #7433cb59}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--surface:#fff;--surface-raised:#fff;--surface-sunken:#f1f1f3;--line:#e4e4e7;--line-strong:#85858f;--text:#18181b;--text-muted:#52525b;--text-faint:#6b6b76;--mid:#eceaf8;--mid-line:#cdc7ec;--mid-text:#453a8f;--neon-violet:#7433cb;--neon-magenta:#b0188a;--neon-azure:#0063cd;--neon-cyan:#0b7285;--neon-lime:#4d7c0f;--accent:var(--neon-violet);--accent-strong:#4a31b8;--accent-tint:#f0edfd;--on-accent:#fff;--focus:var(--accent);--good:#0b7a5c;--good-tint:#e4f6ef;--warn:#8a4b08;--warn-tint:#fdf2d5;--bad:#c01540;--bad-tint:#fde7eb;--scrim:#18181b61;--shadow-pop:0 8px 24px #18181b1f;--shadow-dialog:0 24px 64px #18181b2e;--glow-accent:0 0 0 1px #7433cb59}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-control:8px;--radius-card:12px;--radius-dialog:16px;--radius-pill:999px;--touch-phone:44px;--touch-desktop:36px;--touch-dismiss:40px;--control-h:var(--touch-phone);--control-fs:16px;--control-h-compact:32px;--control-fs-compact:13px;--sidebar-width:248px;--measure:68ch;--bp-sm:640px;--bp-md:768px;--bp-lg:1100px;--duration-fast:.15s;--duration-enter:.2s;--duration-toast:6s;--z-sticky:10;--z-pop:30;--z-dialog:40;--z-toast:50;--font-display:Newsreader, ui-serif, Georgia, serif;--font-sans:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono:JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace}@media (min-width:640px){:root{--control-h:var(--touch-desktop);--control-fs:14px}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:22px}[data-accent=magenta]{--accent:var(--neon-magenta)}[data-accent=azure]{--accent:var(--neon-azure)}[data-accent=cyan]{--accent:var(--neon-cyan)}[data-accent=lime]{--accent:var(--neon-lime)}[data-accent]:not([data-accent=violet]){--focus:var(--accent);--accent-strong:color-mix(in oklch,var(--accent) 82%,var(--text));--accent-tint:color-mix(in oklch,var(--accent) 14%,var(--surface));--mid:color-mix(in oklch,var(--accent) 20%,var(--surface-raised));--mid-line:color-mix(in oklch,var(--accent) 40%,var(--line));--mid-text:color-mix(in oklch,var(--accent) 50%,var(--text));--glow-accent:0 0 0 1px color-mix(in oklch,var(--accent) 50%,transparent),0 0 24px color-mix(in oklch,var(--accent) 28%,transparent)}:root{--pad-card:var(--space-4)}[data-density=compact]{--pad-card:var(--space-3)}[data-density=compact] body{font-size:13px;line-height:19px}.ui-display{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:400;line-height:1.05}.ui-eyebrow{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.ui-data{font:400 13px/20px var(--font-mono);font-variant-numeric:tabular-nums}.ui-muted{color:var(--text-muted)}.ui-missing{color:var(--text-faint)}.ui-icon,.ui-topbar svg,.ui-appmark svg,.ui-btn svg,.ui-icon-btn svg,.ui-pill svg,.ui-notice svg,.ui-nav-item svg,.ui-menu-item svg,.ui-tab svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.ui-btn:focus-visible,.ui-icon-btn:focus-visible,.ui-input:focus-visible,.ui-segmented__opt:focus-visible,.ui-switch input:focus-visible,.ui-check input:focus-visible,.ui-nav-item:focus-visible,.ui-menu-item:focus-visible,.ui-tab:focus-visible,.ui-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ui-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text);font:600 14px/20px var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast);text-decoration:none;display:inline-flex}.ui-btn:hover{background:var(--mid);border-color:var(--mid-line)}.ui-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ui-btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.ui-btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.ui-btn--ghost:hover{background:var(--mid);color:var(--text);border-color:#0000}.ui-btn--danger{border-color:var(--bad);color:var(--bad);background:0 0}.ui-btn--danger:hover{background:var(--bad-tint);border-color:var(--bad)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ui-icon-btn{width:var(--touch-phone);height:var(--touch-phone);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast);background:0 0;border:0;place-items:center;display:inline-grid}.ui-icon-btn:hover{background:var(--mid);color:var(--text)}.ui-icon-btn--dismiss{width:var(--touch-dismiss);height:var(--touch-dismiss)}.ui-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.ui-link:hover{color:var(--accent-strong)}.ui-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ui-input,.ui-textarea,.ui-select{width:100%;min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-sunken);color:var(--text);font:400 var(--control-fs)/1.4 var(--font-sans);transition:border-color var(--duration-fast)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-faint)}.ui-input:hover,.ui-textarea:hover,.ui-select:hover{border-color:var(--mid-text)}.ui-input[aria-invalid=true],.ui-textarea[aria-invalid=true],.ui-select[aria-invalid=true]{border-color:var(--bad)}.ui-textarea{min-height:96px;padding:var(--space-2) var(--space-3);resize:vertical}.ui-select-wrap{display:block;position:relative}.ui-control-pair{gap:var(--space-2);flex-wrap:nowrap;display:flex}.ui-control-pair>*{flex:1 1 0;min-width:0}.ui-select-wrap .ui-select{appearance:none;padding-right:var(--space-8)}.ui-select-wrap svg{right:var(--space-3);pointer-events:none;width:16px;height:16px;color:var(--text-muted);fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:50%;transform:translateY(-50%)}.ui-select option{background:var(--surface-raised);color:var(--text)}.ui-check,.ui-switch{align-items:center;gap:var(--space-3);min-height:var(--touch-phone);cursor:pointer;font-size:14px;line-height:20px;display:flex}.ui-check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.ui-switch input{appearance:none;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface-sunken);cursor:pointer;width:40px;height:24px;transition:background-color var(--duration-fast),border-color var(--duration-fast);flex:none;margin:0;position:relative}.ui-switch input:before{content:"";border-radius:var(--radius-pill);background:var(--text-muted);width:18px;height:18px;transition:transform var(--duration-fast),background-color var(--duration-fast);position:absolute;top:2px;left:2px}.ui-switch input:checked{background:var(--accent);border-color:var(--accent)}.ui-switch input:checked:before{background:var(--on-accent);transform:translate(16px)}.ui-switch__state{font:400 12px/16px var(--font-mono);color:var(--text-muted);margin-left:auto}.ui-segmented{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);gap:2px;padding:2px;display:inline-flex}.ui-segmented__opt{justify-content:center;align-items:center;gap:var(--space-1);min-height:calc(var(--touch-phone) - 6px);padding:0 var(--space-3);border-radius:calc(var(--radius-control) - 2px);color:var(--text-muted);font:500 14px/20px var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast);background:0 0;border:1px solid #0000;display:inline-flex}.ui-segmented__opt:hover{color:var(--text)}.ui-segmented__opt svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:none}.ui-segmented__opt[aria-checked=true]{background:var(--mid);border-color:var(--mid-line);color:var(--mid-text);font-weight:600}.ui-segmented__opt[aria-checked=true] svg{display:block}.ui-help{color:var(--text-muted);font-size:13px;line-height:18px}.ui-help--bad{color:var(--bad)}.ui-card,.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--pad-card)}.ui-card--glow{box-shadow:var(--glow-accent);border-color:#0000}.surface-well{background:var(--surface-sunken);border-radius:var(--radius-card);padding:var(--pad-card)}.surface-well--tight{border-radius:var(--radius-control)}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.ui-pill{align-items:center;gap:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);height:24px;color:var(--text-muted);font:500 12px/16px var(--font-sans);white-space:nowrap;padding:0 10px;display:inline-flex}.ui-pill svg{stroke-width:2.25px;width:12px;height:12px}.ui-pill--mid{background:var(--mid);border-color:var(--mid-line);color:var(--mid-text)}.ui-pill--active{background:var(--accent-tint);border-color:var(--accent);color:var(--text)}.ui-pill--good{background:var(--good-tint);color:var(--good);border-color:#0000}.ui-pill--warn{background:var(--warn-tint);color:var(--warn);border-color:#0000}.ui-pill--bad{background:var(--bad-tint);color:var(--bad);border-color:#0000}.ui-notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--mid-line);border-radius:var(--radius-card);background:var(--mid);color:var(--text);align-items:flex-start;font-size:14px;line-height:20px;display:flex}.ui-notice svg{color:var(--mid-text);margin-top:2px}.ui-notice--good{background:var(--good-tint);border-color:#0000}.ui-notice--good svg{color:var(--good)}.ui-notice--warn{background:var(--warn-tint);border-color:#0000}.ui-notice--warn svg{color:var(--warn)}.ui-notice--bad{background:var(--bad-tint);border-color:#0000}.ui-notice--bad svg{color:var(--bad)}.ui-notice__body{flex:1;min-width:0}.ui-notice__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ui-toasts{z-index:var(--z-toast);left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));gap:var(--space-2);flex-direction:column;width:min(420px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.ui-toast{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-pop);font-size:14px;line-height:20px;display:flex}.ui-toast__msg{flex:1;min-width:0}.ui-toast__action{min-height:var(--touch-dismiss);padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--accent);font:600 14px/20px var(--font-sans);cursor:pointer;background:0 0;border:0}.ui-toast__action:hover{background:var(--mid);color:var(--accent-strong)}.ui-menu,.ui-popover{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--shadow-pop);color:var(--text)}.ui-menu{min-width:200px;padding:var(--space-1);flex-direction:column;gap:2px;display:flex}.ui-menu-item{align-items:center;gap:var(--space-2);min-height:var(--touch-phone);padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--text);font:400 14px/20px var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.ui-menu-item:hover{background:var(--mid)}.ui-menu-item[aria-selected=true]{background:var(--mid);color:var(--mid-text);font-weight:600}.ui-menu-item__hint{font:400 12px/16px var(--font-mono);color:var(--text-muted);margin-left:auto}.ui-menu__rule{height:1px;margin:var(--space-1) 0;background:var(--line)}.ui-popover{max-width:300px;padding:var(--space-3) var(--space-4);font-size:14px;line-height:20px}.ui-scrim{z-index:var(--z-dialog);background:var(--scrim);place-items:end center;display:grid;position:fixed;inset:0}.ui-dialog{border:1px solid var(--line);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;background:var(--surface-raised);width:100%;max-width:480px;max-height:90dvh;box-shadow:var(--shadow-dialog);color:var(--text);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.ui-dialog__head{align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-4) 0 var(--space-6);display:flex}.ui-dialog__title{font:500 24px/1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance;flex:1;margin:0}.ui-dialog__body{padding:var(--space-3) var(--space-6) 0;color:var(--text-muted);overflow:auto}.ui-dialog__foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-6);flex-wrap:wrap;display:flex}.ui-shell{flex-direction:column;min-height:100%;display:flex}.ui-sidebar{gap:var(--space-1);width:var(--sidebar-width);padding:var(--space-4) var(--space-3);border-right:1px solid var(--line);background:var(--surface);flex-direction:column;flex:none;display:none}.ui-sidebar__brand{align-items:center;gap:var(--space-2);padding:0 var(--space-3) var(--space-4);font:500 20px/1.2 var(--font-display);display:flex}.ui-appmark{border-radius:var(--radius-control);background:var(--accent);width:28px;height:28px;color:var(--on-accent);place-items:center;display:inline-grid}.ui-nav-item{align-items:center;gap:var(--space-3);min-height:var(--touch-desktop);padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--text-muted);font:500 14px/20px var(--font-sans);text-decoration:none;display:flex}.ui-nav-item:hover{background:var(--mid);color:var(--text)}.ui-nav-item[aria-current=page]{background:var(--accent-tint);color:var(--text)}.ui-nav-item[aria-current=page] svg{color:var(--accent)}.ui-nav-item__count{font:400 12px/16px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);margin-left:auto}.ui-main{min-width:0;padding:var(--space-6) var(--space-4);flex:1}.ui-tabbar{z-index:var(--z-sticky);border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:sticky;bottom:0}.ui-tab{min-height:56px;color:var(--text-muted);font:500 11px/14px var(--font-sans);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.ui-tab svg{width:20px;height:20px}.ui-tab[aria-current=page]{color:var(--text)}.ui-tab[aria-current=page] svg{color:var(--accent)}@media (min-width:640px){.ui-menu-item{min-height:var(--touch-desktop)}.ui-table .ui-input,.ui-table .ui-select,.ui-table .ui-btn{min-height:var(--control-h-compact);font-size:var(--control-fs-compact);line-height:18px}.ui-table .ui-input,.ui-table .ui-select{padding-left:var(--space-2)}.ui-table .ui-select-wrap .ui-select{padding-right:var(--space-6)}.ui-table .ui-select-wrap svg{right:var(--space-2);width:14px;height:14px}.ui-table .ui-select-wrap{min-width:8rem}.ui-table .ui-control-pair .ui-select-wrap{min-width:4.75rem}.ui-icon-btn{width:var(--touch-desktop);height:var(--touch-desktop)}.ui-icon-btn--dismiss{width:var(--touch-dismiss);height:var(--touch-dismiss)}.ui-scrim{padding:var(--space-4);place-items:center}.ui-dialog{border-radius:var(--radius-dialog);padding-bottom:0}}@media (min-width:1100px){.ui-shell{flex-direction:row}.ui-sidebar{display:flex}.ui-tabbar{display:none}.ui-main{padding:var(--space-12) var(--space-8)}}.ui-topbar{display:none}.ui-shell[data-shell=minimal]{flex-direction:column}.ui-shell[data-shell=minimal] .ui-sidebar,.ui-shell[data-shell=minimal] .ui-tabbar{display:none}.ui-shell[data-shell=minimal] .ui-topbar{align-items:center;gap:var(--space-3);z-index:var(--z-sticky);min-height:52px;padding:0 var(--space-4);border-bottom:1px solid var(--line);background:var(--surface);display:flex;position:sticky;top:0}.ui-topbar__brand{align-items:center;gap:var(--space-2);font:500 18px/1.2 var(--font-display);display:flex}.ui-topbar__nav{gap:var(--space-1);margin-left:var(--space-2);display:flex}.ui-topbar__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.ui-shell[data-shell=minimal] .ui-main{padding:var(--space-6) var(--space-4)}.ui-shell[data-shell=minimal] .ui-main--bleed{padding:0}@media (min-width:1100px){.ui-shell[data-shell=minimal] .ui-main{padding:var(--space-8)}.ui-shell[data-shell=minimal] .ui-main--bleed{padding:0}}@media (prefers-reduced-motion:reduce){.ui-btn,.ui-icon-btn,.ui-input,.ui-segmented__opt,.ui-switch input,.ui-switch input:before{transition:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--ui-font);--ui-font:system-ui, sans-serif;--surface:#111;--surface-2:#222;--hover:#303030;--border:#707070;--text:#eee;--muted:#9a9a9a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--btn-font-size:.9em;--btn-font-weight:400;--slider-track:var(--border);--slider-fill:var(--accent);--slider-thumb:var(--text);--slider-track-h:8px;--slider-thumb-d:20px;--ui-text-size:.8rem;--ui-text-lh:1.15}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#000;margin:0;overflow:hidden}#stage{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.overlay{text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:fixed;inset:0}.overlay[hidden],.controls[hidden],.notice[hidden],#playback[hidden]{display:none}.warn{color:#ccc;max-width:34rem;line-height:1.5}.hint{color:var(--muted);font-size:.9rem}button,.btn,select{font:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:.4rem .8rem}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);padding:.7rem 2rem;font-size:1.2rem}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:focus-visible,input[type=range]:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.controls{z-index:4;background:linear-gradient(#0000,#000000d9);flex-direction:column;justify-content:flex-end;align-items:stretch;padding:1.5rem 1.25rem 1rem;transition:opacity .4s;display:flex;position:fixed;bottom:0;left:0;right:0}.controls.idle{opacity:0}.controls.collapsed{display:none}.controls.idle:focus-within{opacity:1}.controls-head{display:none}.hud-pills-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.pill-container{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;background:#141418d9;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 4px 16px #00000059}.pill-segment{color:var(--text);font:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;white-space:nowrap;line-height:var(--ui-text-lh);box-sizing:border-box;background:0 0;border:none;border-radius:0;align-items:center;gap:.5rem;padding:.45rem .85rem;transition:background .15s,color .15s;display:inline-flex}.pill-segment:hover{background:var(--hover);color:#fff}.pill-segment:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;z-index:2}.pill-segment[aria-expanded=true]{color:#fff;background:#ffffff1f}.pill-segment[hidden]{display:none!important}.pill-segment.icon-only{justify-content:center;min-width:2.2rem;padding:.45rem .65rem}.pill-segment.action-btn{font-weight:500}.pill-segment.action-btn.is-stop,.pill-segment.action-btn[data-action=stop]{color:#ff6b6b}.pill-segment.scrubber-segment{cursor:default;background:0 0;gap:.6rem;padding:.35rem .75rem}.pill-segment.scrubber-segment:hover{background:0 0}.scrubber-segment input[type=range]{width:min(22vw,14rem);min-width:6rem;margin:0}.time-readout{font-variant-numeric:tabular-nums;font-size:var(--ui-text-size);color:var(--muted);white-space:nowrap}.pill-separator{opacity:.8;background:#2a2f40;flex-shrink:0;width:1px;height:1.25rem}.pill-separator[hidden]{display:none!important}.pill-icon{justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.pill-chevron{opacity:.7;margin-left:2px;font-size:.75em}.hud-panel{z-index:10;-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;background:#121216f2;position:absolute;bottom:calc(100% + .5rem);box-shadow:0 8px 32px #0000008c}.hud-panel[hidden]{display:none!important}.source-panel{flex-direction:column;gap:.75rem;width:360px;max-width:calc(100vw - 2.5rem);padding:.85rem;animation:.2s cubic-bezier(.16,1,.3,1) panelSlideUpLeft;display:flex;left:1.25rem}@keyframes panelSlideUpLeft{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:.3rem;display:flex}.panel-title{font-weight:600;font-size:var(--ui-text-size);color:var(--text);letter-spacing:.02em}.source-cards-grid{flex-direction:column;gap:.5rem;display:flex}.source-card{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;box-sizing:border-box;background:#ffffff0a;align-items:flex-start;gap:.75rem;width:100%;padding:.6rem .75rem;transition:background .15s,border-color .15s;display:flex}button.source-card:hover{background:#ffffff17;border-color:#ffffff4d}button.source-card[aria-pressed=true],.source-card.active{border-color:var(--accent);background:#2a6ae02e}.source-card-icon{flex-shrink:0;margin-top:.1rem;font-size:1.25rem;line-height:1}.source-card-info{flex-direction:column;flex:auto;gap:.2rem;min-width:0;display:flex}.source-card-title{font-weight:600;font-size:var(--ui-text-size);color:var(--text)}.source-card-desc{color:var(--muted);font-size:.75rem;line-height:1.3}.source-file-actions{margin-top:.4rem}.source-file-actions .btn{background:var(--surface-2);padding:.3rem .6rem;font-size:.78rem}.source-file-actions .btn:hover{background:var(--hover)}.source-card-test select{width:100%;font-size:var(--ui-text-size);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);margin-top:.4rem;padding:.35rem .5rem}.source-volume-footer{border-top:1px solid #ffffff14;padding-top:.5rem}.source-volume-row{flex-direction:column;gap:.35rem;display:flex}.source-volume-label{font-size:var(--ui-text-size);color:var(--text);justify-content:space-between;align-items:center;display:flex}.volume-icon{margin-right:.3rem}.source-volume-row input[type=range]{width:100%}.group{align-items:center;gap:.5rem;display:flex}.group-label{display:none}#seek{width:min(30vw,22rem)}input[type=range]{appearance:none;height:24px;accent-color:var(--slider-fill);cursor:pointer;background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--slider-track);height:var(--slider-track-h);border-radius:calc(var(--slider-track-h) / 2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-d);height:var(--slider-thumb-d);margin-top:calc((var(--slider-track-h) - var(--slider-thumb-d)) / 2);background:var(--slider-thumb);border:0;border-radius:50%}input[type=range]::-moz-range-track{background:var(--slider-track);height:var(--slider-track-h);border-radius:calc(var(--slider-track-h) / 2)}input[type=range]::-moz-range-thumb{width:var(--slider-thumb-d);height:var(--slider-thumb-d);background:var(--slider-thumb);border:0;border-radius:50%}.value-btn{min-width:8rem;font-size:var(--ui-text-size);line-height:var(--ui-text-lh);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.value-val{color:var(--muted);font-variant-numeric:tabular-nums}.value-btn[aria-expanded=true]{border-color:var(--accent)}.value-panel[hidden]{display:none}.value-item{display:block;position:relative}.value-panel{z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:12rem;padding:.5rem .6rem;position:absolute;bottom:calc(100% + .4rem);left:0}.value-panel input[type=range]{width:100%}.group-label{font-size:var(--ui-text-size);line-height:var(--ui-text-lh)}.sheet-head{z-index:2;background:var(--surface);position:sticky;top:0}.sheet-handle{display:none}input[type=checkbox]{accent-color:var(--slider-fill)}@media (max-width:599px){.controls{padding:0 .75rem calc(.6rem + env(safe-area-inset-bottom));max-height:88vh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.6rem;max-height:88dvh;display:grid;overflow-y:auto}.controls .controls-head{background:var(--surface);grid-column:1;justify-content:flex-end;margin:0 -.75rem;padding:.5rem .75rem .25rem;display:flex;position:sticky;top:0;right:auto}.controls .group{border:1px solid var(--border);border-radius:var(--radius-md);background:#1119;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;min-width:0;padding:.5rem;display:flex}.group-label{color:var(--muted);flex:0 0 100%;display:block}.controls .group>button,.controls .group>select{flex:auto}.controls .group>button[data-source],.controls .group>button#play-btn{flex:8rem}#seek{width:100%}.controls input[type=range]{--slider-thumb-d:28px;height:44px;min-height:44px}.hud-pills-row{flex-direction:column;gap:.6rem;width:100%;display:flex}.pill-container{border-radius:var(--radius-md);flex-wrap:wrap;width:100%;display:flex}.pill-segment{flex:auto;justify-content:center;min-height:44px;padding:.5rem .75rem}.pill-segment.icon-only{flex:0 0 44px;min-width:44px;min-height:44px}.pill-segment.scrubber-segment{flex:100%;justify-content:space-between;width:100%;padding:.5rem .75rem}.scrubber-segment input[type=range]{--slider-thumb-d:28px;flex:auto;width:auto;height:44px;min-height:44px}.hud-panel{border-radius:var(--radius-md);width:100%;max-width:100%;margin:.25rem 0;animation:none;position:static;left:auto;transform:none}.source-panel,.experience-panel{width:100%;max-width:100%;animation:none;transform:none}.source-card,.source-card-test select{min-height:44px}.source-file-actions .btn{min-height:44px;padding:.5rem 1rem}.source-volume-row input[type=range]{--slider-thumb-d:28px;height:44px;min-height:44px}.exp-mode-btn,.exp-field select{min-height:44px}.exp-slider-item input[type=range]{--slider-thumb-d:28px;height:44px;min-height:44px}.exp-checkbox-field{min-height:44px}.exp-checkbox-field input[type=checkbox]{min-width:24px;min-height:24px}.exp-action-btn{min-height:44px}.controls .value-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.controls .value-group>.group-label{grid-column:1/-1}.controls .value-group .value-item{display:contents}.value-btn{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-width:0;min-height:44px}.value-panel{background:0 0;border:0;order:1;grid-column:1/-1;min-width:0;padding:.4rem .25rem 0;position:static}.value-panel input[type=range]{width:100%;display:block}.controls .display-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.5rem;display:grid}.display-row>.group-label{grid-column:1/-1}.controls .display-row .experience-item{display:contents}.controls .display-row .experience-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);order:1;grid-column:1/-1;width:100%;min-width:0;max-width:100%;max-height:none;padding:.6rem;position:static;overflow:visible}.display-row>label{min-width:0;min-height:44px;font-size:var(--ui-text-size);line-height:var(--ui-text-lh);flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;display:flex}.display-row>label input[type=checkbox]{min-width:44px;min-height:44px}.display-row>label select{width:100%;min-width:0;min-height:44px}.controls>.source{order:99;padding:0 .25rem}button,.btn,select{min-width:44px;min-height:44px}dialog#shortcuts button.key{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem .5rem;display:inline-flex}dialog#shortcuts th,dialog#shortcuts td{padding-top:.25rem;padding-bottom:.25rem}}.time,.source{font-variant-numeric:tabular-nums;color:var(--muted)}.notice{background:#3a1d1d;border:1px solid #a33;border-radius:6px;max-width:90vw;padding:.6rem 1rem;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.notice.info{background:#1d2a3a;border-color:#36a}body.drag-over #stage{outline:4px dashed var(--accent);outline-offset:-12px}.experience-item{position:relative}.experience-panel{width:min(30rem,100vw - 2.5rem);max-width:calc(100vw - 2.5rem);max-height:calc(100vh - 8rem);flex-direction:column;gap:.45rem;max-height:calc(100dvh - 8rem);padding:.6rem .7rem;animation:.2s cubic-bezier(.16,1,.3,1) panelSlideUpCenter;display:flex;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes panelSlideUpCenter{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.exp-header{justify-content:space-between;align-items:center;display:flex}.exp-title{font-weight:600;font-size:var(--ui-text-size);color:var(--text)}.exp-hint{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8em}.exp-modes-grid{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.35rem;display:grid}.exp-mode-btn{font-size:var(--ui-text-size);border:1px solid var(--border);border-radius:var(--radius-sm,4px);color:var(--text);cursor:pointer;text-align:center;background:#ffffff0d;padding:.25rem .4rem;transition:border-color .15s,background .15s}.exp-mode-btn:hover{background:#ffffff1a}.exp-mode-btn.active{border-color:var(--accent);background:#ffffff26;font-weight:600}.exp-controls-row{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.4rem;display:grid}.exp-field{color:var(--muted);flex-direction:column;gap:.15rem;font-size:.8em;display:flex}.exp-field select{width:100%;font-size:var(--ui-text-size);border:1px solid var(--border);border-radius:var(--radius-sm,4px);background:var(--surface);color:var(--text);padding:.2rem .35rem}.exp-sliders-row{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.4rem .7rem;display:grid}.exp-slider-item{flex-direction:column;gap:.1rem;display:flex}.exp-slider-header{font-size:var(--ui-text-size);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.exp-slider-item input[type=range]{width:100%}.exp-render-row{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));align-items:end;gap:.4rem;display:grid}.exp-render-row[hidden]{display:none}.exp-cycle-interval-row{grid-template-columns:1fr}.exp-checkbox-field{font-size:var(--ui-text-size);color:var(--text);cursor:pointer;align-items:center;gap:.5rem;margin:0;padding-bottom:.2rem;display:flex}.exp-checkbox-field input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0}.exp-actions-row{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.exp-action-btn{border:1px solid var(--border);border-radius:var(--radius-sm,4px);color:var(--muted);cursor:pointer;text-align:center;background:0 0;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.8em;display:inline-flex}.exp-action-btn:hover{color:var(--text);border-color:var(--text)}.exp-import-label{margin:0}.experience-panel .library-actions{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.experience-panel .library-actions button{border:1px solid var(--border);border-radius:var(--radius-sm,4px);color:var(--muted);cursor:pointer;background:0 0;padding:.25rem .5rem;font-size:.8em}.experience-panel .library-actions button:hover{color:var(--text);border-color:var(--text)}@media (max-height:600px){.experience-panel{gap:.3rem;padding:.45rem .55rem}}.onboarding-toast{z-index:10;-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-md);background:#141823f0;border:1px solid #2a6ae073;justify-content:space-between;align-items:center;gap:.75rem;max-width:min(34rem,90vw);padding:.6rem .9rem;transition:opacity .25s,transform .25s;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideUp;display:flex;position:fixed;bottom:5.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080,0 0 16px #2a6ae033}.onboarding-toast[hidden]{display:none!important}.onboarding-toast.dismissed{opacity:0;pointer-events:none;transform:translate(-50%,10px)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.onboarding-toast-content{font-size:var(--ui-text-size);color:var(--text);align-items:center;gap:.6rem;line-height:1.4;display:flex}.onboarding-toast-icon{flex-shrink:0;font-size:1.1rem}.onboarding-toast-text strong{color:#fff;font-weight:600}.onboarding-toast-dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.2rem .4rem;font-size:.9rem;line-height:1;transition:color .15s,background .15s;display:inline-flex}.onboarding-toast-dismiss:hover{color:#fff;background:#ffffff1a}@media (max-width:599px){.onboarding-toast{width:calc(100vw - 1.5rem);max-width:calc(100vw - 1.5rem);animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideDownMobile;top:1rem;bottom:auto;left:50%;transform:translate(-50%)}.onboarding-toast.dismissed{transform:translate(-50%,-10px)}@keyframes toastSlideDownMobile{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.onboarding-toast-dismiss{min-width:44px;min-height:44px}}.shortcuts-actions{margin:0 0 .75rem}.shortcuts-guide-btn{font-size:var(--ui-text-size);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:.4rem .8rem;transition:background .15s,border-color .15s}.shortcuts-guide-btn:hover{background:var(--hover);border-color:var(--accent)}.toast{z-index:10;-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);opacity:0;pointer-events:none;background:#121212d9;border-radius:6px;padding:.4rem .8rem;transition:opacity .32s;position:fixed;top:1rem;right:1rem}.toast.shown{opacity:1}.toast-content{flex-wrap:wrap;align-items:center;gap:.35rem .55rem;display:flex}.toast-swatch{border:1px solid #fff6;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.toast-title{color:#fff;font-weight:600}.toast-detail{color:var(--muted,#aaa);font-size:.85em}.studio{z-index:5;background:var(--surface);width:320px;max-width:90vw;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);--tp-base-background-color:var(--surface);--tp-base-border-radius:var(--radius-md);--tp-base-font-family:var(--ui-font);--tp-container-background-color:var(--surface-2);--tp-container-background-color-hover:var(--hover);--tp-container-background-color-focus:var(--hover);--tp-container-background-color-active:var(--hover);--tp-container-foreground-color:var(--text);--tp-label-foreground-color:var(--muted);--tp-monitor-background-color:var(--surface-2);--tp-monitor-foreground-color:var(--muted);--tp-input-background-color:var(--surface-2);--tp-input-background-color-hover:var(--hover);--tp-input-background-color-focus:var(--hover);--tp-input-background-color-active:var(--hover);--tp-input-foreground-color:var(--text);--tp-button-background-color:var(--surface-2);--tp-button-background-color-hover:var(--hover);--tp-button-background-color-focus:var(--hover);--tp-button-background-color-active:var(--accent);--tp-button-foreground-color:var(--text);--tp-groove-foreground-color:var(--border);position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto}.studio :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio[hidden]{display:none}.studio-head,dialog#shortcuts .dialog-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}@media (max-width:599px){.studio{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:80vh;padding:0 16px calc(12px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;--tp-container-unit-size:44px;--tp-container-unit-spacing:6px;border-bottom:0;inset:auto 0 0;overflow:hidden auto}.studio:not([hidden]){animation:.25s ease-out studio-slide-up}.studio button,.studio select{min-width:44px;min-height:44px}.studio input,.studio textarea,.studio .tp-sldv{min-height:44px}.studio .tp-sldv_t{height:44px;margin:0}.studio .tp-sldv_k:after{border-radius:50%;width:28px;height:28px;right:-14px}.studio .tp-lblv_l{font-size:var(--ui-text-size);line-height:var(--ui-text-lh)}.studio .sheet-head{margin:0 -16px;padding:4px 16px}dialog#shortcuts .sheet-head{margin:-.6rem -.6rem .25rem;padding:.6rem .6rem .25rem}.sheet-head{touch-action:pan-x pan-up pinch-zoom}.sheet-handle{touch-action:none;cursor:grab;flex:none;width:100%;height:44px;margin:0;display:block;position:relative}.sheet-handle:before{content:"";background:var(--muted);border-radius:2px;width:40px;height:4px;margin:-2px 0 0 -20px;position:absolute;top:50%;left:50%}}@keyframes studio-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.studio:not([hidden]),.onboarding-toast,.hud-panel,.source-panel,.experience-panel{animation:none}.pill-segment,.source-card,.exp-mode-btn,.onboarding-toast{transition:none}}dialog#shortcuts{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:min(34rem,92vw);padding:1rem 1.25rem}dialog#shortcuts::backdrop{background:#0009}dialog#shortcuts h2{margin:0 0 .5rem;font-size:1.1rem}dialog#shortcuts table{border-collapse:collapse;width:100%}dialog#shortcuts th,dialog#shortcuts td{text-align:left;vertical-align:top;padding:.3rem .5rem .3rem 0;font-weight:400}dialog#shortcuts th{white-space:nowrap}dialog#shortcuts kbd{font:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.05rem .4rem}dialog#shortcuts button.key{font:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:.05rem .4rem}dialog#shortcuts button.key:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.studio .tp-btnv_b,.studio #studio-close{font:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.studio .tp-btnv_b:active{color:var(--on-accent)}.studio .studio-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0;display:grid}.studio .studio-tiles>.tp-btnv{min-width:0;margin:0}.studio .studio-tiles .tp-btnv_b{width:100%;height:44px;min-height:44px;margin:0;padding:0 .25rem}.studio .studio-folder-actions{gap:6px;margin:4px 0 6px;display:flex}.studio .studio-folder-actions>.tp-btnv{flex:1 1 0;min-width:0;margin:0}.studio .studio-folder-actions .tp-btnv_b{width:100%;min-height:32px;font-size:var(--ui-text-size);padding:0 4px}.studio .studio-category-indicator input,.studio .studio-category-indicator .tp-txtv_i{color:var(--muted);font-style:italic}@media (max-width:599px){.studio .studio-folder-actions .tp-btnv_b{min-height:44px}}.studio-body,.studio .tp-rotv{min-width:0;max-width:100%}.studio .tp-sldv,.studio .tp-sldv_t{touch-action:none}.studio .tp-sldv_t:before{background-color:var(--border);border-radius:4px;height:8px}.studio .tp-sldv_k{--btn-bg:var(--text);--btn-bg-h:var(--text);--btn-bg-f:var(--text);--btn-bg-a:var(--text)}.studio .tp-sldv_k:before{background-color:var(--accent);border-radius:4px;height:8px}.studio .tp-sldv_k:after{background-color:var(--text)}dialog#shortcuts .keys{grid-template-columns:repeat(5,44px);gap:.25rem;display:grid}dialog#shortcuts .short{display:none}@media (max-width:599px){dialog#shortcuts{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);max-height:92vh;padding:.6rem .6rem .8rem;overflow-y:auto}dialog#shortcuts h2{margin:0 0 .4rem}dialog#shortcuts table,dialog#shortcuts tbody{width:100%;display:block}dialog#shortcuts tbody{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}dialog#shortcuts tr{align-items:center;gap:.35rem;min-width:0;display:flex}dialog#shortcuts tr.wide{grid-column:1/-1}dialog#shortcuts th,dialog#shortcuts td{white-space:normal;min-width:0;font-size:var(--ui-text-size);line-height:var(--ui-text-lh);padding:0;display:block}dialog#shortcuts th{flex-wrap:wrap;flex:none;align-items:center;gap:.3rem;display:flex}dialog#shortcuts td{flex:auto}dialog#shortcuts .full{display:none}dialog#shortcuts .short{display:inline}dialog#shortcuts .keys{grid-template-columns:repeat(5,44px);gap:.25rem;display:grid}}.close-btn{font:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex:none;padding:.4rem .8rem}.close-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.controls-head{background:0 0;position:absolute;top:.5rem;right:.5rem}#controls-show{z-index:6;position:fixed;bottom:.75rem;right:1rem}#controls-show[hidden]{display:none}@media (max-width:599px){.close-btn,#controls-close,#controls-show{min-width:44px;min-height:44px}}.studio-admin-badge{font-size:var(--ui-text-size);color:gold;border-radius:var(--radius-sm);letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:#ffd70026;border:1px solid #ffd70066;align-items:center;gap:.35rem;padding:.15rem .5rem;font-weight:600;display:inline-flex}.studio-admin-badge[hidden]{display:none!important}.studio-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;align-items:center;padding:.5rem .75rem;display:flex}.studio-admin-action-btn{font-size:var(--ui-text-size);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.25rem .6rem;font-weight:500;transition:color .2s,border-color .2s}.studio-admin-action-btn:hover{color:var(--text);border-color:var(--text)}.studio-admin-action-btn.admin-active{color:gold;background:#ffd7001a;border-color:#ffd70080}.studio .tp-lblv{position:relative}.studio .studio-reset{min-width:24px;min-height:24px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex:none;margin-left:4px;padding:0 6px;line-height:1}.studio .studio-reset[hidden]{display:none}.studio .studio-reset:hover{background:var(--hover)}.studio .studio-reset:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.studio .studio-changed{box-shadow:inset 3px 0 0 var(--accent)}.studio .studio-changed .tp-lblv_l:before{content:"●";color:var(--accent);vertical-align:middle;margin-right:.35em;font-size:.7em}.preset-browser-panel[hidden]{display:none}.preset-browser{max-height:60vh;color:var(--text);font-size:var(--ui-text-size);flex-direction:column;gap:8px;display:flex;overflow:hidden}.preset-browser-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.preset-browser-count{color:var(--muted)}.preset-browser-theme{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:32px;padding:4px 6px}.preset-browser-theme:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.preset-browser-list{flex-direction:column;gap:10px;padding:6px;display:flex;overflow-y:auto}.preset-group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.85em;font-weight:600}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.preset-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:4px;min-height:44px;padding:4px;display:flex}.preset-card-pick{text-align:left;min-width:0;font:inherit;color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:4px;overflow:hidden}.preset-card-pick:hover{color:var(--focus)}.preset-card-pick:focus-visible,.preset-card-fav:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.preset-card-meta{flex:none}.preset-cost{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:2px 6px;font-size:.7em;display:inline-block}.preset-cost-light{background:#3caa5a40}.preset-cost-medium{background:#e6aa2840}.preset-cost-heavy{background:#dc46464d}.preset-card-fav{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;flex:none;min-width:32px;min-height:32px;font-size:1.1em}.preset-card-fav[aria-pressed=true]{color:var(--focus)}body{font-family:var(--ui-font);font-size:1rem;line-height:normal}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;flex-shrink:0;width:1em;height:1em}