*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-stage: oklch(9% .004 245);--bg-room: oklch(13% .005 245);--surface-card: oklch(18% .006 245);--surface-raised: oklch(22% .007 245);--surface-hover: oklch(27% .008 245);--border-hairline: oklch(32% .008 245);--border-strong: oklch(42% .01 245);--display-bezel: oklch(6% .003 245);--display-screen: oklch(3% .002 245);--display-hairline: oklch(20% .004 245);--text-key: oklch(95% .004 245);--text-body: oklch(79% .006 245);--text-muted: oklch(63% .008 245);--text-faint: oklch(47% .009 245);--text-on-display: oklch(92% .004 245);--orange-signal: oklch(80% .11 295);--red-accent: #e63946;--glow-signal: oklch(80% .11 295 / .55);--beam-gradient: linear-gradient(90deg, var(--orange-signal), oklch(65% .08 295), var(--orange-signal));--glass-blur: 12px;--glass-tint: oklch(18% .006 245 / .72);--knob-cap-white: oklch(97% .003 245);--knob-cap-black: oklch(10% .004 245);--state-ok: oklch(65% .1 145);--state-danger: oklch(60% .18 25);--state-info: oklch(60% .1 235);--stage-osc: oklch(68% .09 65);--stage-filter: oklch(65% .08 295);--stage-fx: oklch(64% .08 220);--ease-out: cubic-bezier(.25, 1, .5, 1);--duration-fast: .12s;--duration-base: .15s;--duration-slow: .2s;--ui-scale: 1.35;--sidebar-width: 340px;--space-2xs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 22px;--modal-lift: 0 12px 48px oklch(0% 0 0 / .55);--surface-base: var(--bg-room);--surface-sunken: var(--bg-stage);--control-h: calc(34px * var(--ui-scale));--type-control: calc(10px * var(--ui-scale));--radius-control: 4px;--disabled-opacity: .4;--type-stage: calc(10px * var(--ui-scale));--type-label: calc(9px * var(--ui-scale));--type-hint: calc(9px * var(--ui-scale));--radius-float: 8px;--shadow-float: 0 8px 24px oklch(0% 0 0 / .55), 0 0 20px var(--glow-signal);--z-popover: 50;--z-modal: 500;--scrim: oklch(4% .004 245 / .72);--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-doto: "Doto", ui-monospace, monospace;--font-terminal: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}html,body{height:100%;height:100dvh;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none;background:var(--bg-room);color:var(--text-body);font-family:var(--font-body);font-size:calc(12px * var(--ui-scale));font-feature-settings:"ss01";overflow:hidden}#app{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden}:focus{outline:none}:focus-visible{outline:2px solid var(--orange-signal);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 4px #00000073}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#sidebar{position:relative;width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-room);border-right:1px solid var(--border-hairline);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0 0 var(--space-xl) 0;scroll-behavior:smooth}#sidebar::-webkit-scrollbar{width:6px}#sidebar::-webkit-scrollbar-track{background:transparent}#sidebar::-webkit-scrollbar-thumb{background:var(--surface-raised);border-radius:3px}#sidebar::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}#sidebar:after{content:"";order:-1;flex:none;position:sticky;top:0;height:100dvh;margin-bottom:-100dvh;z-index:2;pointer-events:none;background-image:radial-gradient(oklch(from var(--text-key) l c h / .09) 1px,transparent 1px);background-size:16px 16px}.sidebar-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-hairline);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--bg-room);z-index:3;min-width:0}.sidebar-header #btn-reset{flex:0 0 auto}.session-strip{--session-control-h: calc(32px * var(--ui-scale));position:relative;background:var(--bg-room);border-bottom:1px solid var(--border-hairline);padding:var(--space-sm) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.session-strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,oklch(from var(--text-key) l c h / .04) 1px,transparent 1px),linear-gradient(to bottom,oklch(from var(--text-key) l c h / .04) 1px,transparent 1px);background-size:16px 16px}.session-source.control-section{padding:0;margin:0;border:none;background:transparent}.session-source-row{display:flex;align-items:stretch;gap:var(--space-xs);min-width:0;height:var(--session-control-h)}.action-btn.session-icon-btn{flex:0 0 auto;height:100%;min-height:100%;padding:0 calc(9px * var(--ui-scale));display:inline-flex;align-items:center;justify-content:center;gap:calc(5px * var(--ui-scale));border-radius:6px;font-size:calc(9px * var(--ui-scale));font-weight:700;letter-spacing:.03em;white-space:nowrap}.session-icon-btn .btn-icon-glyph{width:calc(14px * var(--ui-scale));height:calc(14px * var(--ui-scale))}.session-source-row .action-btn.session-icon-btn{flex:1 1 0;min-width:0;padding:0 calc(5px * var(--ui-scale));gap:calc(4px * var(--ui-scale));font-size:11px;overflow:hidden}.session-source-row .session-icon-btn .btn-label{overflow:hidden;text-overflow:ellipsis}.camera-device-row{display:flex;margin-top:var(--space-xs)}.session-source-row .session-source-chip{flex:0 1 0;padding:0;overflow:hidden}@media(max-width:1599px){.session-source-row .session-icon-btn .btn-icon{display:none}}@media(max-width:2399px){.picker-fold-row .structure-picker-peek{display:none}}#btn-screen .btn-icon-glyph,#btn-collage .btn-icon-glyph{width:calc(12px * var(--ui-scale));height:calc(12px * var(--ui-scale))}.session-icon-btn.session-source-primary{background:var(--orange-signal);border-color:var(--orange-signal);color:#1a0e00}.session-icon-btn.session-source-primary:hover{background:oklch(from var(--orange-signal) calc(l + .05) c h);border-color:oklch(from var(--orange-signal) calc(l + .05) c h);filter:brightness(1.06)}.session-icon-btn.session-source-primary .btn-icon-glyph{color:#1a0e00}.session-source-primary.upload-cue{animation:upload-cue-ring .8s ease-out 2}@keyframes upload-cue-ring{0%{box-shadow:0 0 oklch(from var(--orange-signal) l c h / .6)}to{box-shadow:0 0 0 10px oklch(from var(--orange-signal) l c h / 0)}}@media(prefers-reduced-motion:reduce){.session-source-primary.upload-cue{animation:none;outline:2px solid var(--orange-signal);outline-offset:3px}}.session-source-chip{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:calc(6px * var(--ui-scale));margin:0;padding:0 calc(4px * var(--ui-scale));border:none;background:transparent;box-shadow:none;font-style:normal;font-size:calc(10px * var(--ui-scale));font-weight:500;letter-spacing:.02em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;word-break:normal}.file-status.session-source-chip{padding-top:0;font-style:normal}.session-source-chip:before{content:"";flex:0 0 auto;width:calc(6px * var(--ui-scale));height:calc(6px * var(--ui-scale));border-radius:50%;background:var(--text-faint)}body[data-has-source=true] .session-source-chip{color:var(--text-body)}body[data-has-source=true] .session-source-chip:before{background:var(--orange-signal);box-shadow:0 0 calc(6px * var(--ui-scale)) oklch(from var(--orange-signal) l c h / .45)}.session-presets.preset-card{padding:calc(4px * var(--ui-scale));margin:0;border:1px solid var(--border-hairline);border-radius:8px;background:var(--surface-card);gap:var(--space-xs)}.session-preset-bar{display:flex;align-items:stretch;gap:var(--space-xs);min-width:0;height:var(--session-control-h)}.session-preset-toggle{flex:1 1 auto;display:inline-flex;align-items:center;gap:calc(5px * var(--ui-scale));height:100%;min-height:unset;padding:0 calc(6px * var(--ui-scale));border:none;border-radius:5px;background:transparent;color:var(--text-key);font:inherit;font-size:calc(10px * var(--ui-scale));font-weight:700;letter-spacing:.01em;text-transform:none;cursor:pointer;transition:background var(--duration-base) var(--ease-out)}.session-preset-toggle .btn-icon-glyph{width:calc(12px * var(--ui-scale));height:calc(12px * var(--ui-scale));color:var(--orange-signal)}.session-preset-toggle:hover{background:var(--surface-hover)}.session-preset-toggle.is-expanded .session-preset-chevron{transform:rotate(180deg)}.session-preset-count{display:inline-flex;align-items:center;justify-content:center;min-width:calc(14px * var(--ui-scale));height:calc(14px * var(--ui-scale));padding:0 calc(3px * var(--ui-scale));border-radius:999px;background:oklch(from var(--orange-signal) l c h / .14);border:1px solid oklch(from var(--orange-signal) l c h / .35);font-family:var(--font-doto);font-size:calc(8px * var(--ui-scale));font-weight:800;color:var(--orange-signal);letter-spacing:0;text-transform:none}.session-preset-chevron{margin-left:auto;font-size:calc(10px * var(--ui-scale));color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out)}.action-btn.session-preset-save{flex:0 0 auto;height:100%;min-height:unset;min-width:calc(52px * var(--ui-scale));padding:0 calc(8px * var(--ui-scale));display:inline-flex;align-items:center;justify-content:center;gap:calc(4px * var(--ui-scale));border-radius:5px;font-size:calc(8px * var(--ui-scale));letter-spacing:.08em;text-align:center}.session-strip .action-btn:hover{transform:none;box-shadow:none}.session-strip .session-icon-btn:not(.session-source-primary):hover{background:var(--surface-hover)}.preset-panel{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:calc(8px * var(--ui-scale));margin-top:calc(2px * var(--ui-scale));border-top:1px solid var(--border-hairline)}.preset-panel.hidden{display:none}.preset-actions-row{flex-direction:row;flex-wrap:wrap}.preset-actions-row .action-btn{flex:1 1 auto;border-radius:7px}.preset-actions-row .mini-action{flex:1 1 auto}.sidebar-header-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.wordmark-island{display:inline-flex;max-width:100%;min-width:0;flex:0 1 auto}.logo{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" .4,"wght" 700;font-weight:700;font-size:13px;letter-spacing:.12em;color:var(--text-key)}.logo-sub{font-size:calc(11px * var(--ui-scale));color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase}.icon-btn{background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-key);font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:var(--space-sm) var(--space-lg);cursor:pointer;min-height:44px;border-radius:3px;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.icon-btn:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000059}.icon-btn:active{transform:translateY(1px);box-shadow:none}.icon-btn[disabled]{opacity:var(--disabled-opacity);cursor:not-allowed}.icon-btn.confirming{background:#7c1117;border-color:var(--state-danger);color:#ffdad6;color:oklch(92% .05 25)}.action-btn[aria-pressed=true]{background:var(--orange-signal);color:var(--knob-cap-black);border-color:var(--orange-signal);font-weight:700;box-shadow:0 0 10px var(--glow-signal)}#canvas-topbar .icon-btn{background:var(--display-bezel);border-color:var(--display-hairline);color:var(--text-on-display);padding-inline:var(--space-md);white-space:nowrap}#canvas-topbar .icon-btn:hover{background:#020203}#export-res-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:var(--space-lg)}#btn-export{background:var(--orange-signal);border-color:var(--orange-signal);color:var(--knob-cap-black)}#btn-export:hover:not([disabled]){background:var(--orange-signal);filter:brightness(1.1)}#btn-export.exporting{background:var(--surface-raised);border-color:var(--border-hairline);color:var(--text-muted);filter:none;cursor:not-allowed}#btn-record.recording{border-color:var(--red-accent);color:var(--red-accent);font-variant-numeric:tabular-nums}#btn-preview{background:#241100;background:oklch(20% .06 65);border-color:#613700;border-color:oklch(38% .1 65);color:#fbc592}#btn-preview:hover:not([disabled]){background:#3e2100;background:oklch(28% .08 65)}#btn-preview.previewing{background:#1e0403;border-color:var(--state-danger);color:var(--state-danger)}#canvas-area.preview-active{outline:2px solid var(--orange-signal);outline-offset:-2px}.timeline-segment.has-track-mode{border-top:2px solid var(--orange-signal)}#sidebar.export-locked,.topbar.export-locked{pointer-events:none;opacity:.38;transition:opacity .25s var(--ease-out)}.export-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:export-overlay-in .16s var(--ease-out) both}@keyframes export-overlay-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.export-overlay.hidden{display:none}.export-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 40px 28px;background:var(--display-bezel);border:1px solid var(--display-hairline);border-radius:var(--radius-control);min-width:300px;position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--display-hairline),var(--modal-lift),inset 0 1px 0 var(--border-hairline)}.export-overlay-inner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--orange-signal),transparent);animation:export-scan 1.8s linear infinite}@keyframes export-scan{0%{left:-100%}to{left:100%}}.export-overlay-kicker{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.export-overlay-title{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-key);transition:color .2s var(--ease-out)}.export-overlay-bar-wrap{position:relative;width:100%;height:3px;background:var(--surface-card);border-radius:2px;overflow:visible}.export-overlay-bar{height:100%;width:0%;background:var(--orange-signal);border-radius:2px;transition:width .1s linear;position:relative;z-index:1}.export-overlay-inner[data-phase=detect] .export-overlay-bar{background:#00bebf;background:oklch(72% .18 195)}.export-overlay-bar-glow{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--orange-signal);opacity:.55;filter:blur(8px);pointer-events:none;transition:left .1s linear;z-index:0}.export-overlay-inner[data-phase=detect] .export-overlay-bar-glow{background:#00bebf;background:oklch(72% .18 195)}.export-overlay-label{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:11px;color:var(--text-body);font-variant-numeric:tabular-nums;letter-spacing:.06em}.export-overlay-inner[data-indeterminate] .export-overlay-bar{width:28%;transition:none;animation:export-bar-sweep 1.2s var(--ease-out) infinite alternate}.export-overlay-inner[data-indeterminate] .export-overlay-bar-glow{display:none}@keyframes export-bar-sweep{0%{margin-left:0}to{margin-left:72%}}.export-overlay-hint{font-size:11px;color:var(--text-muted);text-align:center}.export-overlay-cancel{margin-top:2px;padding:5px 20px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:1px solid var(--border-hairline);border-radius:2px;color:var(--text-muted);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.export-overlay-cancel:hover{border-color:var(--state-danger);color:var(--state-danger)}@media(prefers-reduced-motion:reduce){.export-overlay{animation:none}.export-overlay-inner:before{animation:none}.export-overlay-inner[data-indeterminate] .export-overlay-bar{animation:none;width:100%;opacity:.35}}.export-quality-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:export-overlay-in .14s var(--ease-out) both}.export-quality-modal.hidden{display:none}.export-quality-inner{background:var(--bg-room);border:1px solid var(--border-strong);border-radius:var(--radius-float);padding:var(--space-2xl) var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl);min-width:280px;width:min(420px,100% - 32px);max-height:calc(100% - 2 * var(--space-xl));overflow-y:auto;box-shadow:var(--modal-lift)}.export-quality-inner>*{flex-shrink:0}.export-quality-title{font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--text-key)}.export-quality-opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.export-quality-opt{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:4px;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.export-quality-opt:hover{background:var(--surface-raised);border-color:var(--border-strong)}.export-quality-opt.active,.export-quality-opt[aria-checked=true]{border-color:var(--orange-signal);background:oklch(from var(--orange-signal) l c h / .1)}.eqo-label{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--text-key)}.eqo-sub{font-size:9px;color:var(--text-muted);letter-spacing:.04em}.export-quality-opt.active .eqo-label,.export-quality-opt[aria-checked=true] .eqo-label{color:var(--orange-signal)}.export-trim-rows{display:flex;flex-direction:column;gap:var(--space-sm)}.export-trim-row{display:flex;align-items:center;gap:var(--space-sm)}.export-trim-row label{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);width:56px;flex-shrink:0}.export-trim-input{flex:1;min-width:0;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:3px;padding:5px 8px;font-size:11px;font-weight:700;color:var(--text-key);text-align:center}.export-trim-input:focus{outline:none;border-color:var(--orange-signal)}.export-trim-input:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.export-trim-now-btn{background:transparent;border:1px solid var(--border-hairline);color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:5px 8px;cursor:pointer;flex-shrink:0;transition:border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.export-trim-now-btn:hover{border-color:var(--border-strong);color:var(--text-key)}.export-trim-now-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.export-trim-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.export-trim-hint{font-size:9px;color:var(--text-muted);letter-spacing:.02em}.export-trim-reset-btn{background:transparent;border:1px solid var(--border-hairline);border-radius:3px;color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:5px 8px;transition:border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.export-trim-reset-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-key)}.export-trim-reset-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.export-live-audio-warning{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:6px;background:var(--surface-raised);color:var(--red-accent);font-size:9px;letter-spacing:.02em;line-height:1.4}.export-watermark-notice{color:var(--text-muted)}.export-quality-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.export-quality-btn{min-height:44px;padding:5px 18px;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-radius:3px;cursor:pointer;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.export-quality-btn.secondary{background:transparent;border:1px solid var(--border-hairline);color:var(--text-muted)}.export-quality-btn.secondary:hover{border-color:var(--border-strong);color:var(--text-key)}.export-quality-btn.secondary:active{background:var(--surface-raised)}.export-quality-btn.primary{background:var(--orange-signal);border:1px solid var(--orange-signal);color:var(--knob-cap-black)}.export-quality-btn.primary:hover{background:oklch(from var(--orange-signal) calc(l + .05) c h);filter:brightness(1.1)}.export-quality-btn.primary:active{filter:brightness(.95)}.stage-divider{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-sm);font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:calc(10px * var(--ui-scale));letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.stage-divider[data-stage=osc]{color:var(--stage-osc)}.stage-divider[data-stage=filter],.stage-divider[data-stage=structure],.stage-divider[data-stage=color],.stage-divider[data-stage=grade],.stage-divider[data-stage=fx-rack],.stage-divider[data-stage=blob-structure],.stage-divider[data-stage=blob-color],.stage-divider[data-stage=blob-grade],.stage-divider[data-stage=blob-fx],.stage-divider[data-stage=merge-structure],.stage-divider[data-stage=merge-color],.stage-divider[data-stage=merge-grade],.stage-divider[data-stage=merge-fx],.stage-divider[data-stage=text-color],.stage-divider[data-stage=text-grade],.stage-divider[data-stage=text-fx]{color:var(--stage-filter)}.stage-divider[data-stage=fx]{color:var(--stage-fx)}.stage-divider[data-stage=perblob]{color:var(--text-muted)}.stage-divider:after{content:"";flex:1;height:1px;background:var(--border-hairline)}.stage-divider .stage-sub{font-size:calc(8px * var(--ui-scale));font-weight:500;letter-spacing:.12em;color:var(--text-faint);text-transform:none}.control-section{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.section-label{display:block;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);cursor:default}label.section-label{cursor:pointer}.section-sub{font-size:9px;color:var(--text-faint);font-weight:400;letter-spacing:.04em;text-transform:none;font-style:italic}.effect-card{margin:var(--space-md) var(--space-lg);padding:var(--space-lg);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:8px;display:flex;flex-direction:column;gap:var(--space-md);position:relative;contain:layout style paint;transition:border-color var(--duration-base) var(--ease-out);animation:card-enter var(--duration-base) var(--ease-out) both}@keyframes card-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.effect-card.active-card{border-color:transparent}.effect-card.active-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--beam-gradient);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beam-scroll 3s linear infinite;pointer-events:none}@keyframes beam-scroll{to{background-position:200% 0}}.effect-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--orange-signal);border-radius:8px 8px 0 0}.effect-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.effect-card-title{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-key)}.card-reset-btn,.grade-section-reset,.structure-section-reset{flex:0 0 auto;width:auto;height:auto;min-height:24px;background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text-key);font-family:var(--font-body);font-variation-settings:normal;font-size:max(11px,calc(8px * var(--ui-scale)));font-weight:600;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;padding:calc(2px * var(--ui-scale)) calc(6px * var(--ui-scale));border-radius:var(--radius-control);cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.card-reset-btn:hover:not(:disabled),.card-reset-btn:focus-visible:not(:disabled),.grade-section-reset:hover:not(:disabled),.grade-section-reset:focus-visible:not(:disabled),.structure-section-reset:hover:not(:disabled),.structure-section-reset:focus-visible:not(:disabled){background:var(--surface-hover);border-color:var(--orange-signal);color:var(--text-key);outline:none}.card-reset-btn:disabled,.grade-section-reset:disabled,.structure-section-reset:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.color-rack{display:flex;flex-direction:column;gap:var(--space-xs)}.color-rack-slot{display:flex;flex-direction:column;background:var(--bg-stage);border:1px solid var(--border-hairline);border-radius:6px;min-height:36px;position:relative;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.color-rack-slot[data-empty=true]{border-style:dashed}.color-rack-slot[data-expanded=true]{border-color:var(--border-strong)}.color-rack-slot-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:var(--space-xs);padding:var(--space-xs);border-radius:5px;transition:background var(--duration-fast) var(--ease-out)}.color-rack-slot:hover>.color-rack-slot-row{background:var(--surface-hover)}.color-rack-slot[data-empty=true] .color-rack-slot-row{grid-template-columns:auto 1fr}.color-rack-slot.dragging{opacity:.4;cursor:grabbing}.color-rack-slot.drop-target:before{content:"";position:absolute;top:-2px;left:-1px;right:-1px;height:2px;background:var(--orange-signal);border-radius:2px;z-index:1}.color-rack-handle{background:transparent;border:none;color:var(--text-muted);cursor:grab;font-size:14px;line-height:1;min-width:24px;min-height:24px;padding:var(--space-xs) var(--space-sm);border-radius:3px;transition:color var(--duration-base) var(--ease-out)}.color-rack-handle:hover{color:var(--text-key);background:var(--surface-hover)}.color-rack-handle:active{cursor:grabbing}.color-rack-chip{display:flex;align-items:center;gap:var(--space-sm);background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-body);padding:var(--space-xs) var(--space-md);font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.04em;cursor:pointer;border-radius:4px;min-height:26px;text-align:left;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.color-rack-chip:hover{background:var(--surface-hover);color:var(--text-key)}.color-rack-chip[aria-expanded=true]{border-color:var(--orange-signal)}.color-rack-chip-swatch{width:18px;height:18px;border-radius:3px;flex-shrink:0;border:1px solid oklch(0% 0 0 / .4);box-shadow:inset 0 0 4px #0006}.color-rack-chip-label{flex:1;min-width:0}.color-rack-chip-empty{font-style:italic;color:var(--text-faint);letter-spacing:.06em}.color-rack-toggle{background:transparent;border:1px solid var(--border-hairline);color:var(--text-muted);position:relative;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.color-rack-toggle:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.color-rack-toggle[aria-pressed=true]{background:#a48fe133;border-color:var(--orange-signal);color:var(--orange-signal)}.color-rack-toggle:hover{border-color:var(--orange-signal)}.color-rack-remove,.action-btn.preset-delete,.preset-slot-del{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:14px;line-height:1;border-radius:var(--radius-control);box-shadow:none;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.color-rack-remove:hover,.action-btn.preset-delete:hover,.preset-slot-del:hover{color:var(--state-danger);background:var(--surface-hover);box-shadow:none}.action-btn.preset-delete:hover{transform:none}.color-rack-remove{padding:var(--space-xs) var(--space-sm)}.color-rack-chevron{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;line-height:1;padding:var(--space-xs) var(--space-sm);border-radius:3px;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.color-rack-chevron:hover{color:var(--text-key);background:var(--surface-hover)}.color-rack-chevron[aria-expanded=true]{color:var(--orange-signal)}.color-rack-slot-panel{border-top:1px solid var(--border-hairline);padding:var(--space-sm) var(--space-xs) var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs)}.color-rack-slot-panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xs);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.color-rack-slot-panel-title{font-weight:600}.color-rack-slot-reset{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;line-height:1;padding:var(--space-2xs) var(--space-sm);border-radius:3px;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.color-rack-slot-reset:hover{color:var(--text-key);background:var(--surface-hover)}.color-rack-slot-controls{gap:var(--space-sm)}.color-rack-slot-knob-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md) var(--space-xs);padding:var(--space-sm) var(--space-xs) var(--space-md);border-radius:5px}.color-rack-slot-knob-grid .knob{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) 0}.color-rack-slot-knob-grid .knob-label{font-size:9px;letter-spacing:.04em;color:var(--text-muted);text-align:center}.color-rack-slot-knob-grid .knob-val{font-size:10px;font-variant-numeric:tabular-nums;color:var(--text-body)}.color-rack-slot-panel .slider-stack{gap:var(--space-2xs)}.color-rack-slot-panel .param-slider{--param-slider-h: 24px;border-radius:4px}.color-rack-slot-panel .param-slider .knob-label{font-size:8px;letter-spacing:.09em;left:var(--space-md)}.color-rack-slot-panel .param-slider .knob-val{font-size:9px;right:var(--space-md)}.color-rack-slot-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:30px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-hairline);border-radius:4px;background:var(--surface-raised);margin-bottom:var(--space-sm)}.color-rack-slot-toggle-label{font-size:9px;letter-spacing:.09em;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.color-rack-slot-toggle-group{display:flex;gap:var(--space-2xs)}.color-rack-slot[data-enabled=false][data-empty=false] .color-rack-chip-label,.color-rack-slot[data-enabled=false][data-empty=false] .color-rack-chip-swatch{opacity:.45}.color-picker-popover{position:fixed;z-index:var(--z-popover);background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-hairline);border-radius:var(--radius-float);padding:var(--space-sm);display:grid;grid-template-columns:repeat(3,80px);gap:var(--space-xs);box-shadow:var(--shadow-float);max-height:min(60vh,520px);overflow-y:auto;overscroll-behavior:contain}.color-picker-popover.popover-below{border-top-left-radius:0;border-top-right-radius:0}.color-picker-popover.popover-above{border-bottom-left-radius:0;border-bottom-right-radius:0}.color-picker-popover.hidden{display:none}.color-pick{background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-body);padding:var(--space-sm);font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.05em;cursor:pointer;border-radius:4px;min-height:32px;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.color-pick:hover{background:var(--surface-hover);color:var(--text-key);border-color:var(--orange-signal)}#color-tab-group{margin-bottom:var(--space-md)}.color-maps-grid{max-height:320px;overflow-y:auto;padding-right:2px}#color-maps-knob-panel,#color-unique-knob-panel,#chroma-knob-panel{margin-top:var(--space-md)}.color-grid-category{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:var(--space-sm) 0 var(--space-xs)}.color-grid-category:first-child{margin-top:0}.color-unique-row{margin-bottom:var(--space-xs)}.fx-picker-category{grid-column:1 / -1}.color-pick-thumb{display:block;margin:calc(var(--space-sm) * -.5) calc(var(--space-sm) * -.5) 3px;line-height:0}.color-pick-thumb svg{display:block;width:100%;height:auto;aspect-ratio:72 / 30;border-radius:2px}.color-source-tab{display:flex;flex-direction:column;gap:var(--space-md);border-left:2px solid transparent;padding-left:var(--space-sm)}.color-source-tab.color-source-active{border-left-color:var(--orange-signal)}.grade-section-head{display:flex;flex-direction:column;gap:6px}.grade-section-title-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.grade-section-head .section-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#grade-mod-hint{display:none}.grade-section-hint{margin:0;font-size:10px;font-weight:500;letter-spacing:.01em;color:var(--text-body);line-height:1.45;text-transform:none}.grade-section-head+.stepped-knob-cluster,.grade-island .knob-cluster{margin-bottom:var(--space-md)}.fold-row{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-hairline)}#sculpt-row:not(:has(.color-rack-slot[data-empty=false])) #sculpt-basis-group{display:none}#blob-sculpt-row:not(:has(.color-rack-slot[data-empty=false])) #blob-sculpt-basis-group{display:none}.fold-toggle{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text-body);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:5px;cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.fold-toggle:hover,.fold-toggle:focus-visible{background:var(--surface-hover);border-color:var(--orange-signal);color:var(--text-key);outline:none}.fold-toggle-state{font-size:9px;letter-spacing:.08em;opacity:.75}.fold-toggle[aria-pressed=true]{border-color:var(--orange-signal);color:var(--text-key)}.fold-toggle[aria-pressed=true] .fold-toggle-state{color:var(--orange-signal);opacity:1}.fold-island .knob-cluster{margin-top:var(--space-sm)}.stepped-knob-cluster .knob-label{color:var(--text-key);font-size:10px}.stepped-knob-cluster .knob-val{opacity:1;position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;padding:0;margin-top:1px;font-size:10px;font-weight:600;color:var(--text-muted);pointer-events:auto}.stepped-knob-cluster .knob:hover .knob-val,.stepped-knob-cluster .knob:focus-visible .knob-val,.stepped-knob-cluster .knob.dragging .knob-val{color:var(--text-key)}.action-btn{background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-key);padding:var(--space-md) var(--space-lg);font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 800;font-size:11px;font-weight:800;letter-spacing:.1em;cursor:pointer;text-align:left;min-height:30px;border-radius:4px;transition:background var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.action-btn:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000059}.action-btn:active{transform:translateY(1px);box-shadow:none}.action-btn[disabled]{opacity:var(--disabled-opacity);cursor:not-allowed}.mini-action{min-height:28px;padding:var(--space-sm) var(--space-md);text-align:center}.account-card,.preset-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border-hairline);border-radius:7px;background:var(--surface-card)}.account-status{font-size:10px;color:var(--text-muted);line-height:1.4;word-break:break-word}.account-status.is-authed{color:var(--orange-signal)}.account-auth,.auth-code-row,.preset-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.text-field{width:100%;min-height:30px;box-sizing:border-box;border:1px solid var(--border-hairline);border-radius:4px;background:var(--bg-stage);color:var(--text-key);font:inherit;font-size:11px;letter-spacing:.03em;padding:var(--space-sm) var(--space-md);outline:none}.text-field:focus{border-color:#a48fe18c}.preset-list{display:flex;flex-direction:column;gap:var(--space-xs);font-size:10px;color:var(--text-muted)}.preset-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-xs);align-items:center;padding:var(--space-xs);border:1px solid var(--border-hairline);border-radius:5px;background:var(--surface-raised)}.preset-load{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.preset-delete{width:24px;min-height:24px;padding:0}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(6px * var(--ui-scale))}.preset-grid-empty{grid-column:1 / -1;font-size:10px;color:var(--text-muted);padding:var(--space-sm)}.preset-slot{position:relative;display:flex;flex-direction:row;align-items:center;gap:calc(6px * var(--ui-scale));min-height:calc(38px * var(--ui-scale));padding:0 calc(10px * var(--ui-scale));border:1px solid var(--border-hairline);border-radius:8px;background:var(--surface-raised);color:var(--text-key);cursor:pointer;text-align:left;overflow:hidden;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.preset-slot:hover{background:var(--surface-hover);border-color:oklch(from var(--orange-signal) l c h / .4)}.preset-slot:active{transform:translateY(1px)}.preset-slot-icon{flex-shrink:0;color:var(--orange-signal)}.preset-slot-num{flex-shrink:0;margin-left:auto;padding-right:calc(4px * var(--ui-scale));font-family:var(--font-doto);font-size:9px;font-weight:700;color:var(--text-faint);letter-spacing:.04em;opacity:.7}.preset-slot:hover .preset-slot-num{opacity:0}.preset-slot-name{flex:1 1 auto;font-size:calc(11px * var(--ui-scale));color:var(--text-key);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-slot-del{position:absolute;top:50%;right:calc(6px * var(--ui-scale));transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--surface-raised);opacity:0}.preset-slot:hover .preset-slot-del,.preset-slot-del:focus-visible{opacity:1}.look-sets{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) 0}.look-sets-row{display:flex;gap:var(--space-xs);align-items:stretch}.look-sets-row>*{flex:1 1 0;min-width:0}.look-cycle-btn.active{border-color:var(--orange-signal);color:var(--orange-signal)}.look-cycle-status{opacity:.75}.preset-slot.is-out-of-set{opacity:.45}.preset-slot.is-playing{border-color:var(--orange-signal);background:var(--surface-hover)}.preset-slot-set{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-hairline);border-radius:6px;font-size:11px;color:var(--text-faint)}.preset-slot-set.is-in{border-color:var(--orange-signal);color:var(--orange-signal)}.preset-slot-set:hover{background:var(--surface-hover)}.clip-bank,.merge-clip-grid,.body-panel-inner .section-label{margin-top:var(--space-sm)}.body-panel-inner .section-label:first-child{margin-top:0}.body-panel-status{opacity:.6;text-transform:none;letter-spacing:0}.body-panel-hint{margin:0}.body-fx-knobs,.body-room-knob{padding:var(--space-xs) 0}.clip-bank.drop-target .clip-bank-grid{outline:1px dashed var(--orange-signal);outline-offset:3px;border-radius:8px}.clip-bank-hint{margin-left:var(--space-sm);color:var(--text-faint);font-weight:400;text-transform:none;letter-spacing:0}.clip-slot.active{border-color:var(--orange-signal);background:var(--surface-hover)}.clip-slot .preset-slot-num{margin-left:0;padding-right:0}.clip-slot:hover .preset-slot-num{opacity:.7}body[data-mode=live] .clip-slot{min-height:56px}.structure-section-head{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-sm)}.structure-effect-head{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-hairline)}.structure-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.structure-section-head .section-label{flex:0 0 auto}.structure-section-hint{margin:0;font-size:10px;font-weight:500;letter-spacing:.01em;color:var(--text-body);line-height:1.45;text-transform:none}.structure-coloriso-wrap{margin:var(--space-sm) 0 var(--space-md)}.structure-coloriso-wrap .effect-card{margin:0;padding:var(--space-md)}.structure-coloriso-wrap .effect-card:before{display:none}.coloriso-target-row,.coloriso-toggle-row{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs)}.coloriso-target-row .toggle-group,.coloriso-toggle-row .toggle-group{flex:1 1 0;min-width:0;margin:0}.coloriso-pick-btn{flex:0 0 auto;min-height:0;padding:0 var(--space-md);text-align:center}.coloriso-pick-btn[aria-pressed=true]{border-color:var(--orange-signal);color:var(--orange-signal);box-shadow:0 0 8px var(--glow-signal)}#main-canvas.is-color-picking{cursor:crosshair}#colorisolation-hue{position:relative}#colorisolation-hue:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,red,#ff0 16.7%,#0f0 33.3%,#0ff,#00f 66.7%,#f0f 83.3%,red);opacity:.85;pointer-events:none}.structure-output-group{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.structure-output-group .toggle-btn{flex:initial;min-width:0;min-height:52px;font-size:10px;letter-spacing:.05em;padding:0;display:block;position:relative;overflow:hidden;background:var(--surface-raised);color:var(--text-key);border:1px solid var(--border-hairline);border-radius:4px;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.structure-output-group .toggle-btn:before{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;z-index:1;background:#060402;border-top:1px solid oklch(0% 0 0 / .35);pointer-events:none}.structure-output-group .toggle-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:54%;z-index:1;background:linear-gradient(180deg,#0000000d,#00000047);pointer-events:none}.structure-output-group .toggle-btn:hover:after{background:linear-gradient(180deg,#00000008,#0000003d)}.structure-output-group .toggle-btn:hover{background:var(--surface-raised);color:var(--text-key);border-color:var(--border-strong)}.structure-output-group .toggle-btn:focus-visible{outline:2px solid var(--orange-signal);outline-offset:1px;box-shadow:0 0 0 4px #00000073}.structure-output-group .toggle-btn.active,.structure-output-group .toggle-btn[aria-checked=true]{background:var(--surface-raised);color:var(--text-key);border:2px solid var(--orange-signal);box-shadow:inset 0 0 0 1px #ffffff2e;font-weight:700}.structure-output-group .toggle-btn.active:before,.structure-output-group .toggle-btn[aria-checked=true]:before{background:#0c0805;border-top-color:oklch(from var(--orange-signal) l c h / .32)}.structure-output-group .toggle-btn.active:after,.structure-output-group .toggle-btn[aria-checked=true]:after{background:linear-gradient(180deg,#00000005,#0003)}.structure-output-group.cell-swatch-grid{display:grid}.structure-picker-grid.mask-mode-grid{--structure-picker-cols: 5}.mask-mode-caption{margin:calc(var(--space-xs) * var(--ui-scale)) 0 0;font-size:calc(9px * var(--ui-scale));color:var(--text-body)}.mask-mode-caption strong{color:var(--text-key);font-weight:700}.structure-output-group .toggle-btn[data-value=ink] .structure-output-swatch{background:linear-gradient(90deg,#14120e 0,#14120e 55%,#efe6cf 55%)}.icon-cell-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:var(--space-xs)}.icon-cell-group .toggle-btn,.icon-cell-group .action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:var(--space-sm) var(--space-xs);white-space:normal;text-align:center;border-radius:4px}.icon-cell-group .cell-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:5px;color:var(--text-body);background:#100d09;border:1px solid oklch(0% 0 0 / .35);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.icon-cell-group .cell-label{font-size:11px;font-weight:700;letter-spacing:.05em;line-height:1.2}.icon-cell-group .toggle-btn.active,.icon-cell-group .toggle-btn[aria-checked=true],.icon-cell-group .action-btn[aria-pressed=true]{background:var(--surface-raised);color:var(--text-key);border:2px solid var(--orange-signal);box-shadow:inset 0 0 0 1px #ffffff40}.icon-cell-group .toggle-btn.active .cell-icon,.icon-cell-group .toggle-btn[aria-checked=true] .cell-icon,.icon-cell-group .action-btn[aria-pressed=true] .cell-icon{color:var(--knob-cap-black);background:var(--orange-signal);border-color:#0003}.icon-cell-group .toggle-btn:focus-visible,.icon-cell-group .action-btn:focus-visible{outline:2px solid var(--orange-signal);outline-offset:1px}.structure-output-swatch{display:block;position:absolute;top:0;left:0;right:0;height:54%;width:auto;border-radius:0;flex-shrink:0;box-shadow:none;filter:saturate(.82) brightness(.94);pointer-events:none;transition:filter var(--duration-base) var(--ease-out)}.structure-output-group .toggle-btn.active .structure-output-swatch,.structure-output-group .toggle-btn[aria-checked=true] .structure-output-swatch{filter:saturate(.95) brightness(1)}.structure-output-group .toggle-btn[data-value=source] .structure-output-swatch{background:linear-gradient(90deg,#ab413e,#a35d31,#98741a 25%,#7f7831,#637b41,#407d4d 43.75%,#247d52,#007c59 50%,#00747e,#0f68a2 75%,#2a65a2,#3961a2 81.25%,#4e59a1 87.5%,#6b46a0);background:linear-gradient(90deg,#ab413e,#a35d31,#98741a 25%,#7f7831,#637b41,#407d4d 43.75%,#247d52,color(xyz 0.086 0.153 0.116) 50%,color(xyz 0.099 0.14 0.223),#0f68a2 75%,#2a65a2,#3961a2 81.25%,#4e59a1 87.5%,#6b46a0)}.structure-output-group .toggle-btn[data-value=mono] .structure-output-swatch{background:linear-gradient(90deg,#0d0d0d,#333,#5d5d5d 50%,#bebebe)}.structure-output-group .toggle-btn[data-value=invert] .structure-output-swatch{background:linear-gradient(90deg,#006b74,#005d7f 12.5%,#005a84,#155487 18.75%,#2f4989 25%,#62477b,#8b3e6d,#8d4a45 62.5%,#8f4e2b 68.75%,#905017,#8e5300 75%,#607200);background:linear-gradient(90deg,color(xyz 0.072 0.121 0.233),color(xyz 0.077 0.094 0.24) 12.5%,color(xyz 0.078 0.089 0.241),#155487 18.75%,#2f4989 25%,#62477b,#8b3e6d,#8d4a45 62.5%,#8f4e2b 68.75%,#905017,color(xyz 0.145 0.119 0.01) 75%,color(xyz 0.107 0.147 0.01))}.structure-output-group .toggle-btn[data-value=colorisolation] .structure-output-swatch{background:linear-gradient(90deg,#1c252d,#1c252d 32%,#874444,#fc5855 32%,#fc5855 58%,#874444,#1c252d 58%,#1c252d)}.structure-output-group .toggle-btn[data-value=quantize] .structure-output-swatch{background:linear-gradient(90deg,#ab413e,#ab413e 20%,#a35d31,#98741a 20%,#98741a 40%,#7f7831,#637b41,#407d4d,#247d52,#007c59 40%,#007c59 60%,#00747e,#0f68a2 60%,#0f68a2 80%,#2a65a2,#3961a2,#4e59a1,#6b46a0 80%,#6b46a0);background:linear-gradient(90deg,#ab413e,#ab413e 20%,#a35d31,#98741a 20%,#98741a 40%,#7f7831,#637b41,#407d4d,#247d52,color(xyz 0.086 0.153 0.116) 40%,color(xyz 0.086 0.153 0.116) 60%,color(xyz 0.099 0.14 0.223),#0f68a2 60%,#0f68a2 80%,#2a65a2,#3961a2,#4e59a1,#6b46a0 80%,#6b46a0)}.structure-output-group .toggle-btn>span:last-child{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;min-height:48%;padding:3px 4px;color:var(--text-key);font-weight:700;font-size:10px;letter-spacing:.05em;line-height:1.2;text-align:center;pointer-events:none}.structure-output-group .toggle-btn.active>span:last-child,.structure-output-group .toggle-btn[aria-checked=true]>span:last-child{color:var(--text-key)}.structure-picker{border:none;border-radius:6px;background:var(--bg-room);overflow:hidden}.structure-picker-grid{--structure-picker-cols: 3;display:grid;grid-template-columns:repeat(var(--structure-picker-cols),1fr);gap:var(--space-xs);padding:var(--space-xs) 0}.structure-picker-cell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:0;min-width:0;padding:0;flex:initial;overflow:hidden;border:1px solid var(--border-hairline);border-radius:5px;background:var(--surface-raised);color:var(--text-body);transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.structure-picker-cell:hover{border-color:var(--border-strong);color:var(--text-key)}.structure-picker-cell:focus-visible{outline:2px solid var(--orange-signal);outline-offset:1px}.structure-picker-preview{display:block;width:100%;aspect-ratio:12 / 5;line-height:0}.structure-picker-thumb{display:block;width:100%;height:100%}.collage-panel{display:grid;gap:var(--space-xs);margin-bottom:var(--space-sm)}.collage-cover{display:block;width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box}.collage-status{display:flex;align-items:center;gap:var(--space-sm);opacity:.8}.collage-credits summary{cursor:pointer;opacity:.75}.collage-credits-note{margin:var(--space-xs) 0;opacity:.7}.collage-credits ul{margin:0;padding-left:1.1em;max-height:220px;overflow-y:auto;font-size:.9em;line-height:1.35}.collage-credits a{color:inherit}.structure-picker-label{display:block;padding:4px 3px 5px;font-size:9px;font-weight:700;letter-spacing:.05em;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--surface-raised);border-top:1px solid oklch(0% 0 0 / .4)}.structure-picker-cell.active,.structure-picker-cell[aria-checked=true]{background:var(--surface-raised);background-image:none;border-color:var(--orange-signal);color:var(--text-key);box-shadow:0 0 0 1px oklch(from var(--orange-signal) l c h / .45),0 0 10px var(--glow-signal)}.structure-picker-cell.active .structure-picker-label,.structure-picker-cell[aria-checked=true] .structure-picker-label{background:var(--orange-signal);border-top-color:var(--orange-signal);color:var(--knob-cap-black)}.structure-picker-collapsed{display:flex;align-items:center;gap:var(--space-sm);width:100%;margin:var(--space-xs) 0;padding:4px;border:1px solid var(--orange-signal);border-radius:5px;background:var(--surface-raised);color:var(--text-key);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow .6s var(--ease-out)}.structure-picker-collapsed:hover{box-shadow:0 0 10px var(--glow-signal)}.structure-picker-collapsed:focus-visible{outline:2px solid var(--orange-signal);outline-offset:1px}.structure-picker-collapsed-glow{box-shadow:0 0 0 1px oklch(from var(--orange-signal) l c h / .45),0 0 16px var(--glow-signal)}.structure-picker-collapsed-thumb{flex:0 0 72px;aspect-ratio:12 / 5;border-radius:3px;overflow:hidden;line-height:0}.structure-picker-collapsed-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.structure-picker-collapsed-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structure-picker-collapsed-count{font-size:11px;color:var(--text-muted)}.structure-picker-peek{display:flex;align-items:center;gap:2px;flex:0 0 auto}.structure-picker-peek-thumb{width:22px;aspect-ratio:1;border-radius:3px;overflow:hidden;line-height:0;opacity:.45}.structure-picker-peek-thumb .structure-picker-thumb{object-fit:cover}.structure-picker-collapsed:hover .structure-picker-peek-thumb{opacity:.8}.structure-picker-peek-more{font-size:9px;color:var(--text-muted);padding-left:2px}.structure-picker-change{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--orange-signal);padding-right:4px}@media(prefers-reduced-motion:reduce){.structure-picker-collapsed{transition:none}}.picker-fold-hidden{display:none!important}.picker-fold-row[hidden],.picker-fold-hint[hidden]{display:none}.picker-fold-enter{animation:structure-panel-enter .22s var(--ease-out) both}.picker-fold-hint{margin:0 0 var(--space-xs)}.picker-fold-row{gap:0;padding:0;min-height:60px;overflow:hidden;align-items:stretch}.picker-fold-main{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;padding:7px 4px 7px 8px}.picker-fold-row .structure-picker-collapsed-thumb{flex-basis:76px}.picker-fold-row .structure-picker-collapsed-title{font-size:11px}.picker-fold-meta{display:flex;align-items:center;gap:6px;min-width:0}.picker-fold-row .structure-picker-collapsed-count{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-fold-row .structure-picker-peek{padding:0 4px;gap:3px}.picker-fold-row .structure-picker-peek-thumb{width:26px}.picker-fold-step{flex:0 0 24px;padding:0;border:0;background:transparent;color:var(--text-faint);font-size:16px;line-height:1;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.picker-fold-step:first-child{border-right:1px solid var(--border-hairline)}.picker-fold-step:last-child{border-left:1px solid var(--border-hairline)}.picker-fold-step:hover,.picker-fold-step:focus-visible{color:var(--orange-signal);background:var(--surface-card);outline:none}.picker-fold-caret{flex:0 0 auto;align-self:center;padding:0 8px 0 2px;font-size:10px;color:var(--text-faint);transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.picker-fold-row:hover .picker-fold-caret{color:var(--orange-signal)}.picker-fold-open .picker-fold-caret{transform:rotate(180deg)}.picker-fold-cycle{flex:0 0 auto;padding:1px 6px;border:1px solid var(--orange-signal);border-radius:999px;background:transparent;color:var(--orange-signal);font-size:9px;letter-spacing:.04em;line-height:1.4;white-space:nowrap;cursor:pointer}.picker-fold-cycle:hover,.picker-fold-cycle:focus-visible{background:oklch(from var(--orange-signal) l c h / .15);outline:none}.picker-fold-cycle.is-idle{border-color:var(--border-hairline);color:var(--text-muted)}.picker-fold-peek-btn{padding:0;border:0;background:none;line-height:0;cursor:pointer}.picker-fold-peek-btn .structure-picker-peek-thumb{display:block}.picker-fold-peek-btn:hover .structure-picker-peek-thumb,.picker-fold-peek-btn:focus-visible .structure-picker-peek-thumb{opacity:1;outline:1px solid var(--orange-signal)}.picker-fold-open{border-style:dashed}.picker-cycle-menu{position:fixed;z-index:var(--z-popover);display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border-hairline);border-radius:var(--radius-float);background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-float);font-family:var(--font-body)}.picker-cycle-row{display:flex;align-items:center;gap:8px}.picker-cycle-label{flex:0 0 44px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.picker-cycle-options{display:flex;gap:3px;flex-wrap:wrap}.picker-cycle-opt{padding:3px 7px;border:1px solid var(--border-hairline);border-radius:3px;background:var(--surface-raised);color:var(--text-muted);font-size:10px;cursor:pointer}.picker-cycle-opt:hover:not(:disabled){color:var(--text-key)}.picker-cycle-opt.active{color:var(--orange-signal);border-color:var(--orange-signal)}.picker-cycle-opt:disabled{opacity:var(--disabled-opacity);cursor:default}.picker-cycle-opt:focus-visible{outline:2px solid var(--orange-signal);outline-offset:1px}.picker-cycle-note{margin:2px 0 0;font-size:9px;color:var(--text-faint)}.filter-swatch-group .toggle-btn.is-starred:after,.structure-picker-cell.is-starred:after{content:"★";position:absolute;top:2px;right:3px;z-index:2;font-size:9px;line-height:1;color:var(--orange-signal)}.track-panel-inner .picker-fold-row{scroll-margin-top:72px}@media(prefers-reduced-motion:reduce){.picker-fold-enter{animation:none}}.structure-picker-panel{background:var(--bg-room);padding:var(--space-md);border-top:1px solid var(--border-hairline);animation:structure-panel-enter .18s var(--ease-out) both}@keyframes structure-panel-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.structure-picker-panel{animation:none}}.structure-picker-panel-header{margin-bottom:var(--space-sm)}.structure-picker-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.structure-picker-panel-title{margin:0;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-key)}.structure-picker-panel-tip{font-size:10px;line-height:1.45;color:var(--text-muted);margin:0}.structure-picker-card-slot .effect-card{margin:0;border:none;padding:0;background:transparent;animation:none}.structure-picker-card-slot .effect-card:before,.structure-picker-card-slot .effect-card:after{display:none}.structure-picker-card-slot .effect-card-header{display:none}.toggle-group{display:flex;gap:var(--space-xs);flex-wrap:wrap}.color-picker-row,.color-key-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0 var(--space-sm)}.ramp-strip-host{padding:var(--space-xs) 0 var(--space-sm)}.ramp-editor{display:flex;flex-direction:column;gap:var(--space-sm)}.ramp-row-label{margin-bottom:-1px}.ramp-mode-row{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.ramp-scheme-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.ramp-mode-btn{min-height:22px;padding:0 var(--space-2xs);background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-muted);font-size:9px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:2px}.ramp-mode-btn:hover{background:var(--surface-hover)}.ramp-mode-btn.active{background:var(--orange-signal);border-color:var(--orange-signal);color:var(--knob-cap-black);font-weight:700}.ramp-bar{position:relative;height:22px;margin:var(--space-sm) 0;border:1px solid var(--display-hairline);border-radius:2px;background-repeat:no-repeat;background-size:100% 100%;cursor:copy;overflow:visible}.ramp-bar:focus-visible{outline:1px solid var(--orange-signal);outline-offset:1px}.ramp-bar.generated{cursor:default}.ramp-stop.inert{cursor:default;opacity:.75;border-style:dashed}.ramp-stop{position:absolute;top:50%;width:11px;height:11px;margin-left:-6px;transform:translateY(-50%) rotate(45deg);border:1px solid var(--text-key);border-radius:1px;padding:0;cursor:ew-resize;box-shadow:0 0 0 1px #0a0704cc}.ramp-stop.selected{border-color:var(--orange-signal);box-shadow:0 0 0 1px #0a0704e6,0 0 4px var(--orange-signal);z-index:1}.ramp-actions{display:flex;align-items:center;gap:var(--space-xs)}.ramp-color-input{width:36px;height:24px;border:1px solid var(--border-hairline);background:var(--surface-raised);cursor:pointer;border-radius:3px;padding:var(--space-2xs);flex:0 0 auto}.ramp-pos-readout{min-width:34px;font-family:var(--font-doto, monospace);font-size:10px;letter-spacing:.06em;color:var(--text-muted);text-align:center}.ramp-actions .action-btn{flex:1 1 auto;min-height:24px}.icon-cell-group--compact{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}.icon-cell-group--compact .toggle-btn,.icon-cell-group--compact .action-btn{min-height:50px;padding:var(--space-xs) 3px;gap:3px}.icon-cell-group--compact .cell-label{font-size:11px;letter-spacing:.02em}.color-picker-control{display:inline-flex;align-items:center;gap:var(--space-sm)}.color-picker-input,.color-key-input{width:36px;height:28px;border:1px solid var(--border-hairline);background:var(--surface-raised);cursor:pointer;border-radius:3px;padding:var(--space-2xs)}.color-picker-label,.color-key-label{font-size:10px;color:var(--text-muted);letter-spacing:.05em}.color-native-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;opacity:0;pointer-events:none}.color-picker-island{display:inline-flex}.toggle-btn,.color-rack-slot-toggle-btn{background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-hairline);color:var(--text-body);padding:var(--space-sm) var(--space-md);font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer;flex:1;min-width:0;min-height:28px;text-align:center;border-radius:var(--radius-control);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);white-space:nowrap;position:relative;isolation:isolate}.toggle-btn:hover,.color-rack-slot-toggle-btn:hover{background:#1c2023cc;border-color:oklch(from var(--orange-signal) l c h / .5);color:var(--text-key)}.toggle-btn.active,.toggle-btn[aria-pressed=true],.toggle-btn[aria-checked=true],.color-rack-slot-toggle-btn.active{background-color:var(--orange-signal);background-image:radial-gradient(oklch(0% 0 0 / .55) .9px,transparent 1.1px);background-size:5px 5px;background-position:0 0;color:var(--knob-cap-black);border-color:var(--orange-signal);font-weight:700;box-shadow:0 0 10px var(--glow-signal)}:where(.toggle-group:not(.icon-cell-group,.filter-swatch-group,.structure-output-group,.structure-picker-grid,.ascii-palette-listbox,#mode-group))>.toggle-btn,:where(.color-rack-slot-toggle-group)>.color-rack-slot-toggle-btn{flex:1 1 0;min-width:max-content}.color-rack-slot-toggle-group{flex-wrap:wrap;justify-content:flex-end}.toggle-btn.is-locked,.color-pick.is-locked,.export-quality-opt.is-locked,.action-btn.is-locked,.knob.is-locked,.param-slider.is-locked,#track-panel-toggle.is-locked{opacity:var(--disabled-opacity);cursor:not-allowed;position:relative}.toggle-btn.is-locked:after,.color-pick.is-locked:after,.export-quality-opt.is-locked:after,.action-btn.is-locked:after,.knob.is-locked:after,.param-slider.is-locked:after,#track-panel-toggle.is-locked:after{content:"🔒";position:absolute;top:2px;right:3px;font-size:8px;line-height:1;opacity:.9}.knob.is-locked:hover,.knob.is-locked:focus-visible,.knob.is-locked.dragging{background:transparent;cursor:not-allowed}.knob.is-locked:hover .knob-svg,.knob.is-locked:focus-visible .knob-svg,.knob.is-locked.dragging .knob-svg{filter:none}.param-slider.is-locked:hover,.param-slider.is-locked:focus-within{background:var(--surface-raised)}.param-slider.is-locked .param-slider-input:hover::-webkit-slider-thumb,.param-slider.is-locked .param-slider-input:active::-webkit-slider-thumb{transform:none}.param-slider.is-locked .param-slider-input:hover::-moz-range-thumb,.param-slider.is-locked .param-slider-input:active::-moz-range-thumb{transform:none}.toggle-btn.is-locked:hover,.color-pick.is-locked:hover,.export-quality-opt.is-locked:hover,.action-btn.is-locked:hover,#track-panel-toggle.is-locked:hover{background:var(--surface-raised);color:var(--text-body);transform:none}.filter-swatch-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);flex-wrap:initial}.filter-swatch-group .toggle-btn{flex:initial;min-height:var(--control-h);padding:var(--space-xs) var(--space-xs) calc(var(--space-xs) + 6px);overflow:hidden;background-color:var(--glass-tint)!important;background-size:100% 6px!important;background-position:bottom!important;background-repeat:no-repeat!important}.filter-swatch-group .toggle-btn:hover{background-color:#1c2023cc!important}.filter-swatch-group .toggle-btn[data-value=none]{background:linear-gradient(135deg,#1a0a2e,#2a1545)}.filter-swatch-group .toggle-btn[data-value=inv]{background:linear-gradient(90deg,#fff,#000)}.filter-swatch-group .toggle-btn[data-value=thermal]{background:linear-gradient(90deg,#000,#6a0dad,#ff4500,#ffea00,#fff)}.filter-swatch-group .toggle-btn[data-value=ascii]{background:repeating-linear-gradient(90deg,#000 0,#000 4px,#fff 4px,#fff 6px)}.filter-swatch-group .toggle-btn[data-value=watershed]{background:linear-gradient(90deg,#0d1110,#40534a,#8aa08d,#d4d7c5)}.filter-swatch-group .toggle-btn[data-value=pixelsort]{background:linear-gradient(90deg,#0a0908 0,#0a0908 20%,#d9d2c4 20%,#d9d2c4 30%,#3b3630 30%,#3b3630 55%,#ff5722 55%,#ff5722 62%,#100f0d 62%)}.filter-swatch-group .toggle-btn[data-value=melt]{background:linear-gradient(180deg,#f0ede8,#b89669 35%,#ff5722 70%,#100f0d)}.filter-swatch-group .toggle-btn[data-value=motionedge]{background:linear-gradient(135deg,#04040a,#0a2a3a 40%,#2fdfff,#0a2a3a 60%,#04040a),linear-gradient(45deg,#000,#fff)}.filter-swatch-group .toggle-btn[data-value=moddiff]{background:repeating-linear-gradient(180deg,#040c06,#040c06 3px,#1a6632 3px,#1a6632 4px,#040c06 4px,#040c06 9px,#0f4020 9px,#0f4020 10px,#040c06 10px,#040c06 16px,#1d7038 16px,#1d7038 17px,#040c06 17px,#040c06 20px,#0a3018 20px,#0a3018 21px)}.filter-swatch-group .toggle-btn[data-value=colorisolation]{background:linear-gradient(90deg,#c00,#c80 17%,#0a0 33%,#0aa,#00c 67%,#a0c 83%,#c00)}.filter-swatch-group .toggle-btn[data-value=cartoon]{background:linear-gradient(90deg,#f8f8f4,#d0cfc8 30%,#1a1a18,#f0efe8,#1a1a18,#e8e8e0,#1a1a18 70%,#f4f4f0)}.filter-swatch-group .toggle-btn[data-value=kuwahara]{background:radial-gradient(ellipse at 30% 40%,#c87840,#8040a0 40%,#2060a8,#104030)}.filter-swatch-group .toggle-btn.active,.filter-swatch-group .toggle-btn[aria-checked=true]{background-color:var(--orange-signal)!important;color:var(--knob-cap-black);border-color:var(--orange-signal);box-shadow:0 0 10px var(--glow-signal)}.filter-swatch-group .toggle-btn.color-swatch-card{display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--space-xs) * var(--ui-scale));padding:calc(var(--space-xs) * var(--ui-scale));background-size:0 0!important}.color-swatch-art{position:relative;display:grid;place-items:center;height:calc(40px * var(--ui-scale));border-radius:4px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2a1545,#0d0618);box-shadow:inset 0 0 0 1px #ffffff0f}.color-swatch-ball{width:calc(28px * var(--ui-scale));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 30%,#565360,#12101a);box-shadow:0 calc(3px * var(--ui-scale)) calc(8px * var(--ui-scale)) #00000073;transition:transform var(--duration-base) var(--ease-out)}.color-swatch-card:hover .color-swatch-ball{transform:scale(1.08)}.color-maps-grid:has(>.color-swatch-card){max-height:none;overflow:visible}.color-swatch-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,oklch(0% 0 0 / .5));pointer-events:none}.color-swatch-ramp{z-index:1;position:absolute;inset:auto 0 0 0;height:3px}.color-swatch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.2}.filter-swatch-group .toggle-btn.color-swatch-card.active,.filter-swatch-group .toggle-btn.color-swatch-card[aria-checked=true]{background-color:color-mix(in oklch,var(--orange-signal) 16%,transparent)!important;color:var(--orange-signal)}.color-swatch-card.active .color-swatch-art,.color-swatch-card[aria-checked=true] .color-swatch-art{box-shadow:inset 0 0 0 1px var(--orange-signal)}@media(prefers-reduced-motion:reduce){.color-swatch-card:hover .color-swatch-ball{transform:none}}.ascii-palette-select{position:relative}.ascii-palette-trigger{width:100%;display:flex;align-items:center;gap:var(--space-sm);background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text-key);font-family:inherit;padding:7px 10px;border-radius:6px;cursor:pointer;outline:none;transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.ascii-palette-trigger:hover,.ascii-palette-trigger:focus-visible,.ascii-palette-select.open .ascii-palette-trigger{border-color:var(--orange-signal);background:var(--surface-hover)}.ascii-palette-trigger-label{flex:1;text-align:left;font-size:12px;font-weight:500;letter-spacing:.02em}.ascii-palette-trigger-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out)}.ascii-palette-select.open .ascii-palette-trigger-chevron{transform:rotate(180deg)}.ascii-palette-listbox{margin-top:4px;flex-direction:column;flex-wrap:nowrap;gap:2px;background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-hairline);border-radius:var(--radius-float);padding:var(--space-xs);box-shadow:var(--shadow-float)}.ascii-palette-listbox[hidden]{display:none}.effect-card:has(.ascii-palette-listbox:not([hidden])){contain:layout style}.ascii-palette-listbox:not([hidden]){max-height:min(52vh,420px);overflow-y:auto}.ascii-palette-option{flex:initial;width:100%;display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-start;text-align:left;padding:6px var(--space-sm);background:transparent;border:1px solid transparent;border-radius:4px}.ascii-palette-option:hover{background:var(--surface-hover)}.ascii-palette-option.active,.ascii-palette-option[aria-checked=true]{background:var(--surface-raised);border-color:var(--orange-signal)}.ascii-palette-glyphs{flex-shrink:0;width:84px;overflow:hidden;font-family:Courier New,ui-monospace,monospace;font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1;white-space:nowrap}.ascii-palette-name{font-size:11px;font-weight:500;color:var(--text-body)}.ascii-palette-option.active .ascii-palette-name,.ascii-palette-option[aria-checked=true] .ascii-palette-name{color:var(--text-key);font-weight:700}.ascii-glyphs-classic{background:linear-gradient(90deg,oklch(35% 0 0),var(--text-key));-webkit-background-clip:text;background-clip:text;color:transparent}.ascii-glyphs-digits{color:var(--text-key)}.ascii-glyphs-mines b{font-style:normal}.ascii-glyphs-matrix{color:#3fef6d;text-shadow:0 0 4px oklch(80% .22 145 / .55)}.ascii-glyphs-amber{color:#ffb000;text-shadow:0 0 3px oklch(75% .16 70 / .5)}.ascii-glyphs-thermal{background:linear-gradient(90deg,#1a0033,#6a0dad,#c22,#f80,#ffea00);-webkit-background-clip:text;background-clip:text;color:transparent}.ascii-glyphs-spark{color:var(--text-key);letter-spacing:.15em}.ascii-glyphs-source{background:linear-gradient(90deg,#ff4d4d,#ffd24d,#4dff88,#4dc3ff,#b84dff);-webkit-background-clip:text;background-clip:text;color:transparent}.knob-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl) var(--space-md)}.knob-grid:has(>.param-slider):not(:has(>:not(.param-slider))){gap:calc(var(--space-md) * var(--ui-scale))}.shader-knob-grid{padding:var(--space-sm) 0 var(--space-lg)}.control-stack{display:flex;flex-direction:column;gap:var(--space-lg)}.slider-stack{display:flex;flex-direction:column;gap:calc(var(--space-md) * var(--ui-scale))}.knob-cluster{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl) var(--space-md);padding:var(--space-sm) var(--space-xs) var(--space-xl);border:1px solid var(--border-hairline);border-radius:7px;background:var(--surface-card)}.knob-cluster:has(>.param-slider):not(:has(>:not(.param-slider))){gap:calc(var(--space-md) * var(--ui-scale));padding:var(--space-sm) 0;border:0;background:none}.knob-cluster-center{grid-template-columns:minmax(88px,1fr);justify-items:center}.knob-cluster-center .knob{width:min(112px,100%)}.knob{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:ns-resize;user-select:none;-webkit-user-select:none;outline:none;padding:var(--space-2xs) 0;min-height:44px;min-width:44px;border-radius:5px;transition:background var(--duration-base) var(--ease-out)}.knob:hover{background:#a48fe11a}.knob:focus-visible{background:#a48fe124}.knob.dragging{background:#a48fe12e;will-change:transform}.knob-svg{transition:filter var(--duration-base) var(--ease-out);filter:none}.knob:hover .knob-svg,.knob:focus-visible .knob-svg,.knob.dragging .knob-svg{filter:drop-shadow(0 0 6px var(--glow-signal))}.stepped-ring-knob .knob-svg,.stepped-ring-knob .knob-pointer{display:none!important}.stepped-ring-mount{display:flex;align-items:center;justify-content:center;line-height:0}.stepped-ring-svg{display:block;overflow:visible;filter:none;transition:filter var(--duration-base) var(--ease-out)}.knob.stepped-ring-knob:hover .stepped-ring-svg,.knob.stepped-ring-knob:focus-visible .stepped-ring-svg,.knob.stepped-ring-knob.dragging .stepped-ring-svg{filter:drop-shadow(0 0 6px oklch(70% .12 295 / .45))}.stepped-ring-arc{transition:none}.knob-svg{width:40px;height:40px;display:block;overflow:visible}.knob-track{fill:none;stroke:var(--border-hairline);stroke-width:3;stroke-linecap:round}.knob-arc{fill:none;stroke:url(#knobGradient);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 50ms linear}.knob-pointer{stroke:var(--knob-cap-black);stroke-width:2;stroke-linecap:round}.knob-cap{fill:var(--knob-cap-white);stroke:var(--knob-cap-black);stroke-width:1;stroke-opacity:.4}.knob-label{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" .4,"wght" 800;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;text-align:center;line-height:1.15;max-width:100%;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.knob.modified .knob-label:after{content:"";display:inline-block;width:4px;height:4px;margin-left:var(--space-xs);border-radius:50%;background:var(--state-info);vertical-align:middle}.knob-val{font-size:10px;color:var(--text-key);font-variant-numeric:tabular-nums;font-weight:600;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;bottom:calc(-1 * var(--space-xl));background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--space-2xs) var(--space-md);border-radius:3px;border:1px solid var(--orange-signal);box-shadow:0 0 12px var(--glow-signal);white-space:nowrap;pointer-events:none;z-index:10}.knob:hover .knob-val,.knob:focus-visible .knob-val,.knob.dragging .knob-val{opacity:1}.knob-entry-input{position:absolute;bottom:calc(-1 * var(--space-xl));left:50%;transform:translate(-50%);width:56px;height:22px;padding:0 var(--space-xs);font-family:var(--font-body);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-key);background:var(--bg-stage);border:1.5px solid var(--orange-signal);border-radius:3px;text-align:center;outline:none;z-index:20;box-shadow:0 0 0 3px #a48fe12e,0 4px 12px #00000080;caret-color:var(--orange-signal)}.knob-entry-input::selection{background:#a48fe159}.knob.entering{background:#a48fe138;outline:1.5px solid var(--orange-signal);outline-offset:1px}.param-slider .knob-entry-input{top:50%;right:var(--space-lg);left:auto;bottom:auto;transform:translateY(-50%);width:52px;height:20px;font-size:9px}.knob:focus-visible:not(.dragging):not(.entering) .knob-val:after{content:" ↵";color:var(--text-faint);font-size:8px;letter-spacing:0}.param-slider{--param-slider-h: calc(32px * var(--ui-scale));position:relative;grid-column:1 / -1;cursor:default;min-height:var(--param-slider-h);margin-inline:0;border-radius:calc(var(--param-slider-h) * .15);background:var(--surface-raised);overflow:hidden;clip-path:url(#paramSliderBarrel);transition:background var(--duration-base) var(--ease-out)}.param-slider:hover,.param-slider:focus-within{background:var(--surface-hover)}.param-slider .knob-label{position:absolute;left:calc(var(--space-lg) + 5px * var(--ui-scale));top:50%;transform:translateY(-50%);text-align:left;-webkit-hyphens:none;hyphens:none;color:var(--text-body);letter-spacing:.11em;font-weight:700;font-size:calc(10px * var(--ui-scale));pointer-events:none;z-index:1}.param-slider .knob-val{position:absolute;right:calc(var(--space-lg) + 5px * var(--ui-scale));top:50%;bottom:auto;transform:translateY(-50%);text-align:right;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;padding:0;opacity:1;color:var(--text-key);font-size:calc(10px * var(--ui-scale));z-index:1;pointer-events:none}.param-slider-input{--slider-t: 0%;--tick-c1: oklch(92% .004 245 / .1);--tick-c2: oklch(92% .004 245 / .16);--tick-c3: oklch(92% .004 245 / .22);--tick-c4: oklch(92% .004 245 / .28);--tick-c5: oklch(92% .004 245 / .36);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:var(--param-slider-h);margin:0;background:transparent;cursor:ew-resize;outline:none;z-index:0}.param-slider-input::-webkit-slider-runnable-track{height:var(--param-slider-h);border-radius:calc(var(--param-slider-h) * .15);background-image:linear-gradient(90deg,oklch(32% .012 245 / .55) 0 var(--slider-t),transparent var(--slider-t) 100%),repeating-linear-gradient(180deg,var(--tick-c1) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c2) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c3) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c4) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c5) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c4) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c3) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c2) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c1) 0 2px,transparent 2px 6px);background-size:100% 100%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%;background-position:0 0,10% center,20% center,30% center,40% center,50% center,60% center,70% center,80% center,90% center;background-repeat:no-repeat}.param-slider-input::-moz-range-track{height:var(--param-slider-h);border-radius:calc(var(--param-slider-h) * .15);background-image:linear-gradient(90deg,oklch(32% .012 245 / .55) 0 var(--slider-t),transparent var(--slider-t) 100%),repeating-linear-gradient(180deg,var(--tick-c1) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c2) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c3) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c4) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c5) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c4) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c3) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c2) 0 2px,transparent 2px 6px),repeating-linear-gradient(180deg,var(--tick-c1) 0 2px,transparent 2px 6px);background-size:100% 100%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%,2px 60%;background-position:0 0,10% center,20% center,30% center,40% center,50% center,60% center,70% center,80% center,90% center;background-repeat:no-repeat}.param-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(5px * var(--ui-scale));height:calc(var(--param-slider-h) * .62 * var(--thumb-scale, 1));margin-top:calc((var(--param-slider-h) - (var(--param-slider-h) * .62 * var(--thumb-scale, 1))) / 2);border-radius:999px;background:var(--knob-cap-white);box-shadow:0 1px 3px #0006}.param-slider-input::-moz-range-thumb{width:calc(5px * var(--ui-scale));height:calc(var(--param-slider-h) * .62 * var(--thumb-scale, 1));border:none;border-radius:999px;background:var(--knob-cap-white);box-shadow:0 1px 3px #0006}.param-slider:nth-child(2n of.param-slider){clip-path:url(#paramSliderHourglass)}.param-slider:nth-child(2n of.param-slider) .param-slider-input::-webkit-slider-thumb{height:calc(var(--param-slider-h) * .62 * (1.5 - var(--thumb-scale, 1)));margin-top:calc((var(--param-slider-h) - (var(--param-slider-h) * .62 * (1.5 - var(--thumb-scale, 1)))) / 2)}.param-slider:nth-child(2n of.param-slider) .param-slider-input::-moz-range-thumb{height:calc(var(--param-slider-h) * .62 * (1.5 - var(--thumb-scale, 1)))}.param-slider-input:focus-visible::-webkit-slider-runnable-track{outline:1.5px solid var(--orange-signal);outline-offset:-1px}.param-slider-input:focus-visible::-moz-range-track{outline:1.5px solid var(--orange-signal);outline-offset:-1px}.color-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.swatch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-xs);width:100%;margin-bottom:var(--space-xs)}.swatch-btn{width:100%;aspect-ratio:1 / 1;border:1px solid var(--border-hairline);border-radius:3px;cursor:pointer;padding:0;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.swatch-btn:hover{transform:scale(1.1);border-color:var(--text-key)}.swatch-btn.active{border-color:var(--orange-signal)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border:1px solid var(--border-hairline);border-radius:3px;background:none;cursor:pointer;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:var(--space-2xs)}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.color-label{color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums}.file-status{font-size:10px;color:var(--text-muted);padding-top:var(--space-2xs);word-break:break-all;font-variant-numeric:tabular-nums;font-style:italic}#canvas-stack{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}#canvas-topbar{position:sticky;top:0;z-index:5;container-type:inline-size;container-name:topbar;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-md);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--display-hairline);background:var(--display-bezel);font-size:10px;color:#e2e5e7b3;letter-spacing:.04em}#canvas-topbar .topbar-lead{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:var(--space-md);overflow:hidden}#canvas-topbar .topbar-trail{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}#canvas-topbar .topbar-title{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" .3,"wght" 700;font-weight:700;font-size:12px;color:var(--text-on-display);letter-spacing:.08em;white-space:nowrap}#canvas-topbar .wordmark-island{flex:0 1 auto;min-width:0}#canvas-topbar .wordmark-island>*{font-size:clamp(14px,1cqi + 6px,22px);line-height:1;white-space:nowrap}#canvas-topbar .topbar-projectname{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.02em;color:#e2e5e7d9;padding:var(--space-2xs) var(--space-md);border-radius:3px;border:1px solid transparent;cursor:text;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}#canvas-topbar .topbar-projectname:hover,#canvas-topbar .topbar-projectname:focus{border-color:var(--display-hairline);outline:none}#canvas-topbar .topbar-projectname.editing{background:#060709;border-color:var(--display-hairline);cursor:text;-webkit-user-select:text;user-select:text}#canvas-topbar .topbar-source{flex:1 1 auto;min-width:0;color:#e2e5e7b3;font-style:italic;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-mode-link{display:none}#canvas-topbar .topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}#canvas-topbar .topbar-actions .icon-btn{flex:0 0 auto}#account-widget{display:flex;align-items:center;flex:0 0 auto}#account-widget button{white-space:nowrap}@container topbar (max-width: 1250px){#canvas-topbar .topbar-audio-meter{width:32px}#canvas-topbar .topbar-audio-gain{width:40px}}@container topbar (max-width: 1100px){#canvas-topbar .wordmark-island{display:none}}@container topbar (max-width: 1000px){#canvas-topbar #topbar-audio{display:none}}@container topbar (max-width: 900px){#canvas-topbar{gap:var(--space-xs) var(--space-sm);padding-inline:var(--space-md)}#canvas-topbar .icon-btn{padding-inline:var(--space-sm);letter-spacing:.06em;min-height:38px}#canvas-topbar .topbar-mode .toggle-btn{padding-inline:var(--space-xs);letter-spacing:.06em;min-height:38px}}@container topbar (max-width: 780px){#canvas-topbar .topbar-lead{display:none}#canvas-topbar .topbar-mode{margin-right:auto}}@container topbar (max-width: 860px){#canvas-topbar .topbar-actions .icon-btn:not(#btn-export) .btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@container topbar (max-width: 700px){#canvas-topbar .topbar-mode .toggle-btn .btn-label,#canvas-topbar .topbar-trail [title^="Sign in"] span:not(:first-child){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@container topbar (max-width: 560px){#canvas-topbar{justify-content:flex-end}#canvas-topbar .topbar-trail{display:contents}#canvas-topbar .topbar-actions{flex:1 1 100%;justify-content:flex-end;margin-left:auto}}#canvas-area{flex:1;background:var(--display-screen);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#main-canvas:not([data-sized]){visibility:hidden}#main-canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:3px}#placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.placeholder-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);color:#e2e5e7b3;font-size:13px;letter-spacing:.06em;text-align:center}.placeholder-icon{font-size:56px;color:#e2e5e766;line-height:1}.placeholder-hint{font-size:10px;color:#e2e5e780;letter-spacing:.16em;text-transform:uppercase;font-style:italic}#drop-overlay{position:absolute;inset:var(--space-md);border:2px dashed var(--orange-signal);border-radius:6px;background:#a48fe11a;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-on-display);font-weight:600;letter-spacing:.18em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity var(--duration-base) var(--ease-out);z-index:20}#drop-overlay.visible{opacity:1}.timeline-panel{position:absolute;left:50%;bottom:var(--space-lg);transform:translate(-50%);width:min(860px,calc(100% - 48px));background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:6px;padding:var(--space-sm) var(--space-md);z-index:31;box-shadow:0 4px 16px #0006}.timeline-panel[data-length=long]{width:min(1180px,calc(100% - 48px))}.timeline-panel[data-length=epic]{width:min(1480px,calc(100% - 32px))}.timeline-panel.hidden{display:none}.timeline-panel.is-disabled{opacity:.55;pointer-events:none}.timeline-bar{display:flex;align-items:center;gap:var(--space-md)}#btn-play{background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-key);width:44px;height:44px;border-radius:3px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration-base) var(--ease-out)}#btn-play:hover{background:var(--surface-hover)}#btn-mute{background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-key);width:44px;height:44px;border-radius:3px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--duration-base) var(--ease-out)}#btn-mute:hover{background:var(--surface-hover)}#btn-mute.muted{background:var(--orange-signal);color:var(--knob-cap-black);border-color:var(--orange-signal)}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.btn-icon-glyph{width:16px;height:16px;flex-shrink:0}.btn-label{line-height:1.1}#canvas-topbar .toggle-btn.btn-with-icon{gap:5px;padding-inline:var(--space-md)}#canvas-topbar .toggle-btn.btn-with-icon .btn-icon-glyph{width:14px;height:14px}#canvas-topbar .icon-btn.btn-with-icon .btn-label{letter-spacing:.1em}.timeline-btn.btn-with-icon{gap:5px}#btn-play .btn-icon-glyph,#btn-mute .btn-icon-glyph{width:18px;height:18px}.video-time{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;text-align:right;letter-spacing:.04em}.timeline-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.timeline-btn{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:3px;color:var(--text-key);cursor:pointer;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:9px;font-weight:700;letter-spacing:.1em;min-height:44px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.timeline-btn:hover{background:var(--surface-hover)}.timeline-btn[disabled]{opacity:var(--disabled-opacity);cursor:not-allowed}.timeline-btn.danger{color:var(--state-danger)}.timeline-track{position:relative;flex:1;height:32px;background:var(--bg-stage);border:1px solid var(--border-hairline);border-radius:4px;overflow:visible;cursor:pointer;touch-action:none;contain:layout style}.timeline-media-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;--media-range-track-background: transparent;--media-range-bar-color: transparent;--media-range-track-border-radius: 4px;--media-range-thumb-background: transparent;--media-range-thumb-width: 2px;--media-range-thumb-height: 100%}.timeline-segment{position:absolute;top:4px;bottom:4px;min-width:8px;border:1px solid oklch(55% .12 var(--seg-hue, 65));border-radius:3px;background:oklch(80% .1 var(--seg-hue, 65) / .9);color:var(--text-key);cursor:grab;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" .4,"wght" 700;font-weight:700;font-size:10px;overflow:hidden;padding:0 var(--space-xs);text-overflow:ellipsis;touch-action:none;white-space:nowrap}.timeline-segment.is-selected{border-color:oklch(60% .18 var(--seg-hue, 65));background:oklch(75% .14 var(--seg-hue, 65) / .95)}.timeline-segment.is-selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,oklch(30% .1 var(--seg-hue, 65) / .45) 32%,transparent 33%);background-size:5px 5px;pointer-events:none}.timeline-segment.is-active{box-shadow:inset 0 0 0 1px #3d2202}.timeline-segment.is-dragging{cursor:grabbing;opacity:.85}.timeline-segment-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}.timeline-resize-handle{position:absolute;top:0;right:0;width:8px;height:100%;cursor:col-resize;z-index:1}.timeline-resize-handle--left{left:0;right:auto}.timeline-resize-handle:after{content:"";position:absolute;top:20%;right:2px;width:2px;height:60%;background:#7a470280;border-radius:1px}.timeline-resize-handle--left:after{left:2px;right:auto}.timeline-segment:hover .timeline-resize-handle:after,.timeline-resize-handle:hover:after{background:var(--orange-signal);opacity:.65}.timeline-segment.is-selected .timeline-resize-handle:after{background:var(--orange-signal);opacity:.5}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--orange-signal);pointer-events:none;transform:translate(-1px);z-index:2;will-change:left}#fps-overlay{position:absolute;bottom:var(--space-md);right:var(--space-lg);font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" .5,"wght" 700;font-weight:700;font-size:11px;color:#e2e5e7e6;font-variant-numeric:tabular-nums;background:var(--display-bezel);padding:var(--space-xs) var(--space-md);border-radius:3px;border:1px solid var(--display-hairline);z-index:12;pointer-events:none}#fps-overlay.hidden{display:none}#intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}#intro-overlay.hidden{display:none}#intro-panel[data-mounting]{visibility:hidden}body:not([data-ui-ready]) #session-strip,body:not([data-ui-ready]) #pipeline-panel,body:not([data-ui-ready]) .track-panel-inner,body:not([data-ui-ready]) #canvas-topbar>*{visibility:hidden}#intro-panel{background:var(--display-screen);border:1px solid var(--display-hairline);border-radius:var(--radius-float);padding:var(--space-2xl);max-width:480px;width:100%;box-shadow:var(--modal-lift);position:relative;contain:layout style paint}.intro-kicker{font-family:var(--font-body);color:#e2e5e780;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin-bottom:var(--space-xs)}#intro-panel h2{font-family:"Geist Pixel Circle",var(--font-body);font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:.01em;line-height:1.1;text-transform:none;color:var(--text-on-display);margin-bottom:var(--space-lg)}#intro-panel p{font-family:var(--font-body);color:#e2e5e7e0;font-size:15px;line-height:1.7;letter-spacing:.01em;max-width:58ch;margin-bottom:var(--space-lg)}#intro-panel #intro-copy2{color:#e2e5e7ad;font-size:13.5px}.intro-action{margin-top:var(--space-xs);background:var(--orange-signal);color:var(--knob-cap-black);border:1px solid var(--orange-signal);border-radius:6px;padding:var(--space-sm) var(--space-xl);min-height:44px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.intro-action:hover{background:#d4c8ff;background:oklch(86% .1 295);border-color:#d4c8ff;border-color:oklch(86% .1 295)}#intro-close{position:absolute;top:var(--space-md);right:var(--space-lg);background:transparent;border:none;color:#e2e5e799;font-size:20px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}#intro-close:hover{color:var(--text-on-display);background:#e2e5e71a}.intro-disclosure{display:flex;flex-direction:column;gap:var(--space-lg)}.intro-disclosure-close{position:absolute;top:0;right:var(--space-lg);background:transparent;border:none;color:#e2e5e799;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.intro-disclosure-close:hover{color:var(--text-on-display);background:#e2e5e71a}.intro-disclosure-body{min-height:9rem}.intro-disclosure-ascii{margin:0 0 var(--space-sm);font-family:Courier New,ui-monospace,monospace;font-size:11px;line-height:1.15;color:var(--orange-signal);opacity:.85;animation:jelly-pulse 3.2s ease-in-out infinite;transform-origin:center top}@media(prefers-reduced-motion:reduce){.intro-disclosure-ascii{animation:none}}@keyframes jelly-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.94)}}.intro-disclosure-title{font-family:var(--font-body);font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--text-on-display);margin:0 0 var(--space-md);text-transform:none}.intro-disclosure-copy,.intro-disclosure-detail{font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.65;letter-spacing:.01em;color:#e2e5e7e0;margin:0 0 var(--space-md)}.intro-disclosure-visual{margin:0 0 var(--space-md)}.intro-ascii-hero{position:relative;width:100%;height:clamp(220px,34vw,340px)}#intro-panel{padding:0;overflow:hidden}.intro-terminal-chrome{display:flex;flex-direction:column}.intro-terminal-chrome-titlebar{display:flex;align-items:center;gap:7px;padding:var(--space-md) var(--space-lg);background:var(--display-bezel);border-bottom:1px solid var(--display-hairline);flex-shrink:0}.intro-terminal-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.intro-terminal-dot--red{background:#ff5f57!important}.intro-terminal-dot--yellow{background:#febc2e!important}.intro-terminal-dot--green{background:#28c840!important}.intro-terminal-chrome-path{margin-left:var(--space-sm);font-family:Courier New,ui-monospace,monospace;font-size:11px;color:var(--text-faint);letter-spacing:.02em}.intro-terminal-chrome-body{padding:calc(var(--space-2xl) * 1.5);position:relative}.intro-terminal-content{font-family:Courier New,ui-monospace,monospace;font-size:12.5px;line-height:1.65;min-height:96px}.intro-terminal-prompt-line{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-on-display);white-space:pre}.intro-terminal-prompt-line--hero{margin-bottom:var(--space-md);font-family:Courier New,ui-monospace,monospace;font-size:13px}.intro-terminal-prompt-glyph{color:var(--orange-signal);-webkit-user-select:none;user-select:none}.intro-terminal-output{margin-top:var(--space-sm);display:flex;flex-direction:column}.intro-terminal-line-default{color:var(--text-on-display)}.intro-disclosure-detail{color:#e2e5e7ad;margin-bottom:0}.intro-disclosure-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);padding-top:var(--space-xs)}.intro-disclosure-footer.is-single-step{grid-template-columns:1fr;justify-items:center}.intro-disclosure-hint{font-family:var(--font-body);font-size:11px;font-variant-numeric:tabular-nums;color:#e2e5e780;letter-spacing:.12em;-webkit-user-select:none;user-select:none;white-space:nowrap}.intro-nav-btn{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;min-height:44px;padding:var(--space-sm) var(--space-xl);border-radius:6px;border:1px solid var(--display-hairline);cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.intro-nav-btn-back{justify-self:start;background:var(--display-bezel);color:#e2e5e7bf}.intro-nav-btn-back:hover:not(:disabled){background:#020203;border-color:#e2e5e740;color:var(--text-on-display)}.intro-nav-btn-back:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.intro-nav-btn-next{justify-self:end;background:var(--orange-signal);color:var(--knob-cap-black);border-color:var(--orange-signal)}.intro-nav-btn-next:hover{background:#d4c8ff;background:oklch(86% .1 295);border-color:#d4c8ff;border-color:oklch(86% .1 295)}#help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}#help-overlay.hidden{display:none}#help-panel{background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--display-hairline);border-radius:var(--radius-float);padding:0;max-width:860px;width:100%;max-height:84vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--modal-lift);position:relative;contain:layout style paint}.help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl) var(--space-xl) var(--space-md)}#help-panel h2{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-on-display)}#help-panel .help-sub{margin-top:var(--space-2xs);font-size:11px;color:#e2e5e78c}.help-tabs{display:flex;gap:var(--space-2xs);padding:0 var(--space-xl);border-bottom:1px solid var(--display-hairline)}.help-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:2px solid transparent;color:#e2e5e78c;font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.help-tab:hover{color:#e2e5e7d9}.help-tab.active{color:var(--text-on-display);border-bottom-color:var(--orange-signal)}.help-scroll{overflow-y:auto;padding:var(--space-xl);flex:1}.help-pane{display:none}.help-pane.active{display:block}.help-search{width:100%;background:var(--display-bezel);border:1px solid var(--display-hairline);border-radius:6px;color:var(--text-on-display);font-family:var(--font-body);font-size:11px;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg)}.help-search::placeholder{color:#e2e5e766}.help-search:focus{outline:none;border-color:var(--orange-signal)}#help-panel .help-empty{font-size:11px;color:#e2e5e78c;padding:var(--space-lg) 0}.help-empty.hidden{display:none}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg);align-items:start}.help-card{background:var(--display-screen);border:1px solid var(--display-hairline);border-radius:8px;padding:var(--space-lg)}.help-card.hidden{display:none}#help-panel h3{font-family:var(--font-doto);font-variation-settings:"DOTF" 1;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e2e5e7bf;margin-bottom:var(--space-md)}#help-panel p{font-size:11px;line-height:1.55;color:#e2e5e7bf}#help-panel strong{color:var(--text-on-display);font-weight:600}#help-panel .help-note{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--display-hairline);font-size:10px;color:#e2e5e78c}.help-note-wide{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border:1px solid var(--display-hairline);border-left:2px solid var(--orange-signal);border-radius:6px;background:var(--display-screen)}#help-panel kbd{display:inline-block;font-family:var(--font-body);font-size:10px;font-weight:600;padding:var(--space-2xs) var(--space-sm);background:var(--display-bezel);border:1px solid var(--display-hairline);border-bottom-width:2px;border-radius:3px;color:var(--text-on-display);min-width:18px;text-align:center}#help-panel ul{list-style:none;display:flex;flex-direction:column;font-size:11px;color:#e2e5e7d9}#help-panel li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0;border-bottom:1px solid var(--display-hairline)}#help-panel li:last-child{border-bottom:none}#help-panel li.hidden{display:none}#help-panel li>span:first-child{color:#e2e5e7d9}#help-panel li>span:last-child{display:flex;gap:var(--space-2xs);align-items:center;flex-shrink:0}.help-sep{color:#e2e5e780}#help-panel .help-credits{font-size:11px}#help-panel .help-credits em{display:block;font-style:normal;font-size:10px;color:#e2e5e780}#help-panel .help-credits li>span:last-child{text-align:right;display:block}#help-panel .help-credits a{color:var(--orange-signal);text-decoration:none}#help-panel .help-credits a:hover{text-decoration:underline}.help-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--display-screen);border:1px solid var(--display-hairline);border-radius:8px}.help-chip{font-family:var(--font-doto);font-variation-settings:"DOTF" 1;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--display-hairline);border-radius:4px;color:var(--text-on-display);background:var(--display-bezel)}.help-chip-out{border-color:var(--orange-signal);color:var(--orange-signal)}.help-arrow{color:#e2e5e766;font-size:11px}button.help-chip{cursor:pointer}button.help-chip:hover,button.help-chip:focus-visible{border-color:var(--orange-signal);color:var(--orange-signal)}.help-jump{margin-top:var(--space-sm);padding:0;background:none;border:none;font:inherit;font-size:11px;color:var(--orange-signal);cursor:pointer}.help-jump:hover,.help-jump:focus-visible{text-decoration:underline}.help-progress{margin-bottom:var(--space-md)}#help-panel .help-steps>li.done:before{background:var(--orange-signal);border-color:var(--orange-signal);color:var(--display-screen)}#help-panel .help-steps>li.done p{opacity:.6}.help-done{color:var(--orange-signal)}.help-steps{list-style:none;counter-reset:helpstep;display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}#help-panel .help-steps>li{counter-increment:helpstep;position:relative;display:block;padding:0 0 0 calc(var(--space-2xl) + var(--space-xs));border-bottom:none}#help-panel .help-steps>li:before{content:counter(helpstep);position:absolute;left:0;top:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-family:var(--font-doto);font-variation-settings:"DOTF" 1;font-size:11px;border:1px solid var(--display-hairline);border-radius:50%;color:var(--orange-signal);background:var(--display-screen)}#help-panel .help-steps h3{margin-bottom:var(--space-2xs)}.help-steps kbd{margin:0 1px}#help-close{background:transparent;border:none;color:#e2e5e799;font-size:20px;line-height:1;cursor:pointer;width:28px;height:28px;flex-shrink:0;border-radius:3px;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}#help-close:hover{color:var(--text-on-display);background:#e2e5e71a}#account-panel,.acct-menu{--term-accent: var(--orange-signal);--term-ink: oklch(19% .05 292);--term-void: oklch(13.7% .009 285);--term-panel: oklch(17.7% .016 285);--term-plate: oklch(16.8% .017 284);--term-raise: oklch(17.8% .018 284);--term-row: oklch(15.3% .015 285);--term-line: oklch(25.7% .022 285);--term-line-hi: oklch(35.6% .031 285);--term-dash: oklch(29.6% .027 285);--term-key: oklch(92.8% .027 295);--term-body: oklch(84.4% .04 295);--term-mid: oklch(71.5% .057 293);--term-muted: oklch(54.1% .067 291);--term-faint: oklch(47.7% .067 291);font-family:var(--font-terminal)}#account-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#account-overlay.hidden{display:none}#account-panel{position:relative;display:flex;flex-direction:column;width:min(520px,100%);max-height:min(860px,92vh);background:var(--term-panel);color:var(--term-body);border:1px solid var(--term-line);border-radius:0;box-shadow:0 24px 64px #000000b3;overflow:hidden}.account-led{display:block;width:100%;background:var(--term-void)}.account-led-top{height:32px;border-bottom:1px solid var(--term-line)}.account-head{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--term-line)}#account-panel h2{font-size:12px;font-weight:400;line-height:1;letter-spacing:.22em;text-transform:uppercase;color:var(--term-key)}.term-rule{flex:1;height:1px;border-bottom:1px dashed var(--term-dash)}#account-panel .account-sub{font-size:11px;color:var(--term-muted);white-space:nowrap}#account-close{padding:0 0 0 8px;background:none;border:none;border-radius:0;font-family:inherit;font-size:12px;line-height:1;color:var(--term-muted);cursor:pointer;transition:color var(--duration-base) var(--ease-out)}#account-close:hover{color:var(--term-accent)}.account-scroll{overflow-y:auto;flex:1}.account-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(to bottom,#0003,#0003 1px,#fff0 1px,#fff0 3px)}.term-tabs{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--term-line)}.term-tab{padding:0;background:none;border:none;border-radius:0;font-family:inherit;font-size:12px;color:var(--term-faint);white-space:nowrap;cursor:pointer;transition:color var(--duration-base) var(--ease-out)}.term-tab:hover{color:var(--term-mid)}.term-tab.active{color:var(--term-accent)}.term-plans{display:flex;flex-direction:column;gap:8px;padding:24px;border-bottom:1px solid var(--term-line)}.term-plan{display:grid;grid-template-columns:30px 1fr auto;align-items:baseline;gap:12px;padding:12px;background:var(--term-row);border:1px solid var(--term-line);border-radius:0;font-family:inherit;font-size:13px;text-align:left;color:inherit;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out)}.term-plan:hover:not(:disabled){border-color:var(--term-line-hi)}.term-plan:disabled{cursor:default;opacity:.6}.term-plan-mark{color:var(--term-muted);white-space:nowrap}.term-plan.is-selected .term-plan-mark{color:var(--term-accent)}.term-plan-body{display:flex;flex-direction:column;gap:5px}.term-plan-name{color:var(--term-key);letter-spacing:.08em}.term-plan-flag{color:var(--term-accent);font-size:11px}.term-plan-note{font-size:11px;color:var(--term-muted)}.term-plan-price{font-size:22px;color:var(--term-key);white-space:nowrap}.term-plan-cadence{font-size:11px;color:var(--term-muted)}.term-table{display:flex;flex-direction:column;gap:9px;padding:20px 24px;font-size:12px;border-bottom:1px solid var(--term-line)}.term-trow{display:grid;grid-template-columns:1fr 96px 96px;gap:12px}.term-trow>span:not(:first-child){text-align:right}.term-thead{padding-bottom:4px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--term-faint)}.term-tlabel{color:var(--term-mid)}.term-tfree{color:var(--term-faint)}.term-tpro{color:var(--term-accent)}.term-thead .term-tyou{color:var(--term-mid)}.term-foot{display:flex;flex-direction:column;gap:12px;padding:24px}.term-cta{width:100%;height:48px;background:var(--term-accent);color:var(--term-ink);border:none;border-radius:0;font-family:inherit;font-size:13px;letter-spacing:.16em;cursor:pointer;transition:background var(--duration-base) var(--ease-out)}.term-cta:hover:not(:disabled){background:oklch(from var(--term-accent) calc(l + .06) c h)}.term-cta:active:not(:disabled){background:oklch(from var(--term-accent) calc(l - .05) c h)}.term-cta:disabled{cursor:default;opacity:.55}.term-cta-alt{background:none;color:var(--term-body);border:1px solid var(--term-line)}.term-cta-alt:hover:not(:disabled){background:var(--term-row);border-color:var(--term-line-hi)}.term-cta-alt:active:not(:disabled){background:var(--term-row)}.term-legal{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--term-faint)}.term-note{font-size:11px;line-height:1.7;color:var(--term-muted)}.term-inset{display:flex;align-items:center;gap:12px;padding:16px;background:var(--term-row);border:1px solid var(--term-line)}.term-inset-email{font-size:12px;color:var(--term-key)}.term-inset-meta{margin-top:4px;font-size:11px;color:var(--term-muted)}@media(max-width:560px){.term-trow{grid-template-columns:1fr 68px 68px;gap:8px}.term-plan{grid-template-columns:26px 1fr auto;gap:8px}.term-plan-price{font-size:18px}}[data-slot=popover-content].acct-menu{width:328px;max-width:calc(100vw - 24px);padding:0;font-family:var(--font-terminal);background:var(--term-plate);border:1px solid var(--term-line);border-radius:0;color:var(--term-body);font-size:12px;box-shadow:0 22px 60px #000000bf;backdrop-filter:none;-webkit-backdrop-filter:none}.acct-menu-id{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--term-line)}.acct-menu-avatar{width:34px;height:34px;flex:none;display:grid;place-items:center;background:#15121f;border:1px solid var(--term-line-hi);color:var(--term-accent);font-size:13px}.acct-menu-idtext{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.acct-menu-email{font-size:12px;color:var(--term-key);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-menu-tier{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--term-faint)}.acct-menu-tier.is-pro{color:var(--term-accent)}.acct-menu-pro{display:flex;flex-direction:column;gap:13px;padding:16px;background:var(--term-raise);border-bottom:1px solid var(--term-line)}.acct-menu-head{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;color:var(--term-key);white-space:nowrap}.acct-menu-led{display:block;width:100%;height:23px;background:var(--term-void);border:1px solid var(--term-line)}.acct-menu-feats{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:11px;color:var(--term-mid)}.acct-menu-feat{display:flex;gap:8px;white-space:nowrap}.acct-menu-box{color:var(--term-faint)}.acct-menu-feat.is-on .acct-menu-box{color:var(--term-accent)}.acct-menu-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:42px;background:var(--term-accent);color:var(--term-ink);border:none;border-radius:0;font-family:inherit;font-size:12px;letter-spacing:.12em;cursor:pointer;transition:background var(--duration-base) var(--ease-out)}.acct-menu-cta:hover:not(:disabled){background:oklch(from var(--term-accent) calc(l + .06) c h)}.acct-menu-cta:active:not(:disabled){background:oklch(from var(--term-accent) calc(l - .05) c h)}.acct-menu-cta:disabled{cursor:default;opacity:.55}.acct-menu-cta-alt{background:none;color:var(--term-body);border:1px solid var(--term-line-hi)}.acct-menu-cta-alt:hover:not(:disabled){background:var(--term-row)}.acct-menu-msg{font-size:10px;line-height:1.6;color:var(--term-faint)}.acct-menu-rows{display:flex;flex-direction:column;padding:8px}.acct-menu-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:0 8px;background:none;border:none;border-radius:0;font-family:inherit;font-size:12px;color:var(--term-muted);text-align:left;cursor:pointer;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.acct-menu-row:hover:not(:disabled){color:var(--term-key);background:var(--term-row)}.acct-menu-row:disabled{cursor:default;opacity:.6}.acct-menu-caret{color:var(--term-faint)}.acct-menu-form{display:flex;flex-direction:column;gap:12px;padding:16px}.acct-menu-form-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--term-key)}.acct-menu-form-sub{margin-top:5px;font-size:11px;color:var(--term-muted)}.acct-menu-form-legal{font-size:10px;line-height:1.6;color:var(--term-faint);text-align:center}.help-tooltip{position:fixed;top:0;left:0;max-width:240px;padding:var(--space-sm) var(--space-md);background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:3px;color:var(--text-body);font-size:11px;line-height:1.45;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);z-index:50;white-space:normal;will-change:transform;box-shadow:0 2px 10px #00000073}.help-tooltip.visible{opacity:1}@media(prefers-reduced-motion:reduce){.help-tooltip{transition:none}}.help-tooltip--rich{width:212px;max-width:none;padding:0;overflow:hidden;background:#0f1214f0;border-radius:6px;box-shadow:0 8px 24px #0000008c,0 0 20px var(--glow-signal);scale:.96;transform-origin:top center;transition:opacity var(--duration-fast) var(--ease-out),scale .16s var(--ease-out)}.help-tooltip--rich.visible{scale:1;transition:opacity var(--duration-fast) var(--ease-out),scale .16s var(--ease-out),transform .14s var(--ease-out)}.tip-preview{position:relative;aspect-ratio:12 / 5;overflow:hidden;background:#0a0d12;border-bottom:1px solid var(--border-hairline)}.tip-preview>svg,.tip-preview>canvas{display:block;width:100%;height:100%}.tip-preview[data-live]:after{display:none}.tip-preview:after{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,transparent,oklch(100% 0 0 / .07),transparent);transform:translate(-100%)}.tip-flow{display:flex;width:400%;height:100%}.tip-flow>span{flex:1 1 0}.tip-flow>span:nth-child(2n){transform:scaleX(-1)}.tip-head{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) 2px}.tip-kicker{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.tip-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-key)}.tip-body{margin:0;padding:0 var(--space-md) var(--space-md)}@media(prefers-reduced-motion:no-preference){.help-tooltip--rich.visible .tip-preview:after{animation:tip-sweep 2.8s var(--ease-out) infinite}.help-tooltip--rich.visible .tip-preview[data-kind=structure] .tip-art,.help-tooltip--rich.visible .tip-preview[data-kind=fx] .tip-art{animation:tip-drift 3.2s ease-in-out infinite alternate}.help-tooltip--rich.visible .tip-flow{animation:tip-flow 7s linear infinite}.help-tooltip--rich.visible .tip-preview[data-effect=ascii] .tip-art{animation:none}.help-tooltip--rich.visible .tip-preview[data-effect=ascii] text{animation:tip-glyph .9s steps(1) infinite}.help-tooltip--rich.visible .tip-preview[data-effect=ascii] text:nth-child(3n){animation-delay:-.3s}.help-tooltip--rich.visible .tip-preview[data-effect=ascii] text:nth-child(5n+1){animation-delay:-.6s}.help-tooltip--rich.visible .tip-preview[data-effect=oneline] .tip-art{animation:none}.help-tooltip--rich.visible .tip-preview[data-effect=oneline] path{stroke-dasharray:1;animation:tip-draw 3.2s ease-in-out infinite}.help-tooltip--rich.visible .tip-preview[data-effect=rgbdelay] .tip-art{animation:none}.help-tooltip--rich.visible .tip-preview[data-effect=rgbdelay] .tip-art>:nth-child(1){animation:tip-split 2.2s ease-in-out infinite alternate}.help-tooltip--rich.visible .tip-preview[data-effect=rgbdelay] .tip-art>:nth-child(2){animation:tip-split-half 2.2s ease-in-out infinite alternate}.help-tooltip--rich.visible .tip-preview[data-effect=tunnel] .tip-art{transform-origin:34px 15px;animation:tip-zoom 1.6s linear infinite}.help-tooltip--rich.visible .tip-preview:is([data-effect=trail],[data-effect=drag]) .tip-art>:not(:last-child){animation:tip-echo 1.4s ease-in-out infinite}.help-tooltip--rich.visible .tip-preview:is([data-effect=trail],[data-effect=drag]) .tip-art>:nth-child(2){animation-delay:-.25s}.help-tooltip--rich.visible .tip-preview:is([data-effect=trail],[data-effect=drag]) .tip-art>:nth-child(3){animation-delay:-.5s}.help-tooltip--rich.visible .tip-preview:is([data-effect=trail],[data-effect=drag]) .tip-art>:nth-child(4){animation-delay:-.75s}.help-tooltip--rich.visible .tip-preview:is([data-effect=trail],[data-effect=drag]) .tip-art>:nth-child(5){animation-delay:-1s}.help-tooltip--rich.visible .tip-preview:is([data-effect=strobe],[data-effect=strobelite]) .tip-art{animation:tip-strobe .5s steps(1) infinite}.help-tooltip--rich.visible .tip-preview[data-effect=glitchsplit] .tip-art{animation:tip-glitch 1.1s steps(1) infinite}}@media(prefers-reduced-motion:reduce){.help-tooltip--rich,.help-tooltip--rich.visible{scale:1;transition:none}}@keyframes tip-sweep{to{transform:translate(430%)}}@keyframes tip-drift{0%{transform:translate(-1.5px)}to{transform:translate(1.5px)}}@keyframes tip-flow{to{transform:translate(-50%)}}@keyframes tip-glyph{50%{opacity:.3}}@keyframes tip-draw{0%{stroke-dashoffset:1;opacity:1}70%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes tip-split{0%{transform:translate(6px)}to{transform:translate(-2px)}}@keyframes tip-split-half{0%{transform:translate(3px)}to{transform:translate(-1px)}}@keyframes tip-zoom{0%{transform:scale(1);opacity:1}to{transform:scale(1.45);opacity:.55}}@keyframes tip-echo{50%{opacity:.05}}@keyframes tip-strobe{50%{opacity:.15}}@keyframes tip-glitch{0%,60%,to{transform:none}64%{transform:translate(-3px)}70%{transform:translate(2px) skew(-8deg)}76%{transform:translate(-1px)}}.lag-cursor{position:fixed;top:0;left:0;width:18px;height:18px;background:#f3f5f7;border:none;border-radius:50%;pointer-events:none;opacity:0;z-index:2000;transform:translate3d(-50%,-50%,0) scale(1);transition:opacity var(--duration-fast) var(--ease-out);will-change:transform;mix-blend-mode:difference}.lag-cursor.visible{opacity:1}.lag-cursor.is-text{opacity:0}@media(pointer:fine)and (prefers-reduced-motion:no-preference){body.lag-cursor-enabled,body.lag-cursor-enabled *{cursor:none!important}body.lag-cursor-enabled.lag-cursor-text-mode,body.lag-cursor-enabled.lag-cursor-text-mode *{cursor:auto!important}body.lag-cursor-enabled.lag-cursor-text-mode input,body.lag-cursor-enabled.lag-cursor-text-mode textarea,body.lag-cursor-enabled.lag-cursor-text-mode [contenteditable]{cursor:text!important}}.browser-banner{position:fixed;bottom:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-lg);background:var(--display-bezel);border:1px solid var(--border-strong);color:var(--text-body);padding:var(--space-md) var(--space-lg);font-size:11px;letter-spacing:.03em;line-height:1.4;border-radius:5px;box-shadow:0 4px 16px #00000080;z-index:999;white-space:nowrap;animation:toast-in var(--duration-slow) var(--ease-out)}.browser-banner.hidden{display:none}.browser-banner strong{color:var(--text-key)}.browser-banner-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1;padding:0 var(--space-xs);flex-shrink:0}.browser-banner-dismiss:hover{color:var(--text-key)}#toast-region{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:var(--space-md);z-index:1000;max-width:420px;width:max-content;pointer-events:none}.toast{background:#010101b8;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--display-hairline);color:var(--text-on-display);padding:var(--space-md) var(--space-lg);font-size:11px;letter-spacing:.03em;line-height:1.4;border-radius:5px;pointer-events:auto;contain:layout style paint;animation:toast-in var(--duration-slow) var(--ease-out);box-shadow:0 4px 16px #0006}.toast .toast-action{margin-left:var(--space-md);padding:0;border:0;background:none;color:var(--orange-signal);font:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer}.toast .toast-action:hover,.toast .toast-action:focus-visible{text-decoration:underline}.toast.toast-error{border-color:var(--state-danger)}.toast.toast-ok{border-color:var(--state-ok)}.toast.toast-model{width:340px;padding:var(--space-lg);font-size:12px;border-color:var(--orange-signal)}.toast-model-title{font-weight:600;margin-bottom:4px}.toast-model-detail{opacity:.75;font-size:11px}.toast-model-bar{position:relative;height:4px;margin-top:var(--space-md);border-radius:2px;background:#ffffff1f;overflow:hidden}.toast-model-bar span{position:absolute;inset:0 auto 0 0;width:0;background:var(--orange-signal);transition:width .15s linear}.toast-model-bar.is-indeterminate span{width:30%!important;animation:toast-model-slide 1.1s ease-in-out infinite}@keyframes toast-model-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){.toast-model-bar.is-indeterminate span{animation:none;width:100%!important;opacity:.5}}.toast-action{margin-left:var(--space-lg);padding:0;background:none;border:0;color:var(--state-ok);font:inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.toast-action:hover,.toast-action:focus-visible{text-decoration:underline}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.effect-card{animation:none}.filter-swatch-group .toggle-btn:hover{transform:none}}body:not([data-mode=synth]) [data-mode-section=synth]{display:none!important}body:not([data-mode=track]) [data-mode-section=track]{display:none!important}body:not([data-mode=live]) [data-mode-section=live]{display:none!important}body:not([data-mode=text]) [data-mode-section=text]{display:none!important}body[data-mode=live] .preset-slot{min-height:56px}body[data-mode=live] [data-mode-section=live] .toggle-btn,body[data-mode=live] [data-mode-section=live] .action-btn{min-height:56px;font-size:1.05em}#track-composite-section{display:none}body[data-track-backend=blob] #track-composite-section,body[data-track-backend=object] #track-composite-section{display:flex}#mp-detector-section,#lumi-channel-section,#color-key-controls,#feature-detect-controls{display:none}body[data-track-backend=object] #mp-detector-section,body[data-track-backend=segment] #mp-detector-section{display:flex}body[data-track-backend=segment] #mp-iou,body[data-track-backend=segment] #lbl-mp-model,body[data-track-backend=segment] #mp-model-group{display:none}body:not([data-seg-view=tint]) #seg-fill,body:not([data-track-backend=segment]) #seg-fill,body:not([data-track-backend=segment]) #seg-view-group{display:none}body:not([data-track-backend=segment]) #lbl-seg-model,body:not([data-track-backend=segment]) #seg-model-group{display:none}#seg-space-section,#seg-cutout-section{display:none}body[data-track-backend=segment]:not([data-seg-view=space]) #seg-cutout-section{display:flex}body[data-track-backend=segment][data-seg-view=space] #seg-space-section,body[data-track-backend=blob] #lumi-channel-section,body[data-track-backend=blob][data-track-channel=color] #color-key-controls,body[data-track-backend=blob][data-track-channel=features] #feature-detect-controls{display:flex}body[data-track-backend=off] #track-detected-controls,body[data-track-backend=object] #sensitivity-max,body[data-track-backend=segment] #sensitivity-max,body[data-track-backend=blob][data-track-channel=features] #sensitivity-max,body[data-track-backend=blob][data-track-channel=features] #track-min-size,body[data-track-backend=blob][data-track-channel=features] #track-max-size,body[data-track-backend=blob][data-track-channel=color] #sensitivity{display:none}body[data-track-backend=segment] .stage-divider:has(+.control-section>#track-shape-group),body[data-track-backend=segment] .control-section:has(>#track-shape-group),body[data-track-backend=segment] .control-section:has(#track-shape-thickness){display:none}#crawl-edges-group .toggle-btn.is-loading{animation:crawl-edges-loading 1.2s ease-in-out infinite}#crawl-edges-group .toggle-btn.is-loading:after{content:"…"}@keyframes crawl-edges-loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){#crawl-edges-group .toggle-btn.is-loading{animation:none}}#track-lines-dash.knob-inert{opacity:.4}body[data-track-backend=blob] #track-labels-group .toggle-btn[data-value=confidence],body[data-track-backend=blob] #track-labels-group .toggle-btn[data-value=class],body[data-color-key-auto=on] #color-key-manual-row{display:none}body:not([data-merge-matte=hue]) #merge-combine-hue{display:none}body:not([data-merge-matte=beat]):not([data-merge-matte=punch]) #lbl-merge-beat-on,body:not([data-merge-matte=beat]):not([data-merge-matte=punch]) #merge-beat-on-group,body:not([data-merge-matte=punch]) #lbl-merge-beat-every,body:not([data-merge-matte=punch]) #merge-beat-every-group,body:not([data-merge-matte=beat]) #lbl-merge-beat-pattern,body:not([data-merge-matte=beat]) #merge-beat-pattern-group,body:not([data-merge-matte=beat]) #lbl-merge-beat-a,body:not([data-merge-matte=beat]) #merge-beat-a-group,body:not([data-merge-matte=beat]) #lbl-merge-beat-b,body:not([data-merge-matte=beat]) #merge-beat-b-group,body:not([data-merge-beat-pattern=hold]) #lbl-merge-beat-a,body:not([data-merge-beat-pattern=hold]) #merge-beat-a-group,body:not([data-merge-beat-pattern=hold]) #lbl-merge-beat-b,body:not([data-merge-beat-pattern=hold]) #merge-beat-b-group,body:not([data-merge-matte=punch]) #merge-punch-controls{display:none}body[data-merge-matte=beat] .merge-grade-island:has(#merge-combine-threshold),body[data-merge-matte=punch] .merge-grade-island:has(#merge-combine-threshold){display:none}body:not([data-melt-mode="1"]):not([data-melt-mode="2"]) #melt-follow{display:none}body[data-text-overlay-mode=static] #text-overlay-anim-wrap,body[data-text-palette=off] #text-overlay-palette-controls{display:none}body:not([data-text-overlay=on]) #text-overlay-controls-wrap{display:none}body:not([data-text-overlay=on]) #text-overlay-panel-wrap>section:not(:first-of-type),body:not([data-text-overlay=on]) #text-overlay-panel-wrap>.text-chain-divider{display:none}body[data-text-palette=on] #text-overlay-fill-wrap,body[data-live-audio-quick=off] #live-audio-quick-source{display:none}#live-audio-quick.control-section,#midi-quick.control-section,#seq-quick.control-section{padding:var(--space-xs) var(--space-lg)}#live-audio-quick .live-audio-quick-row,#midi-quick .live-audio-quick-row,#seq-quick .live-audio-quick-row{display:flex;align-items:stretch;gap:var(--space-sm);height:var(--session-control-h, 32px)}.action-btn.live-audio-quick-btn{flex-shrink:0;height:100%;min-height:unset;padding:0 calc(9px * var(--ui-scale));font-size:calc(9px * var(--ui-scale))}.field-select.live-audio-quick-source{flex:1;min-width:0;min-height:0;height:100%;padding-top:0;padding-bottom:0;font-size:calc(10px * var(--ui-scale))}#live-audio-file-input{display:none}.action-btn.live-audio-file-btn{flex-shrink:0;height:100%;min-height:unset}.live-audio-file-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);min-width:0}.live-audio-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}.action-btn.live-audio-file-clear{flex-shrink:0;min-height:unset;padding-inline:var(--space-sm)}#midi-quick .live-audio-quick-row,#seq-quick .live-audio-quick-row{height:auto}.bend-buttons{display:flex;gap:var(--space-sm)}.bend-buttons .action-btn{flex:1}#bend-quick[hidden]{display:none!important}.experimental-label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) 0}.experimental-badge{font-family:var(--font-doto);font-size:calc(9px * var(--ui-scale));padding:1px 6px;border:1px solid var(--orange-signal);border-radius:999px;color:var(--orange-signal);letter-spacing:.08em}.midi-status{flex:1;min-width:0;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(10px * var(--ui-scale));opacity:.75}.midi-map-row{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.midi-map-list{list-style:none;margin:var(--space-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.midi-map-item{display:flex;align-items:center;gap:var(--space-xs);min-width:0;font-size:calc(9px * var(--ui-scale))}.midi-map-src{flex:0 0 auto;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;color:var(--orange-signal)}.midi-map-dst{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.midi-map-item .action-btn.mini-action{flex:0 0 auto;min-height:0;padding:1px 6px}.midi-learn-pill{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:var(--space-md);max-width:min(560px,calc(100vw - 32px));background:#010101cc;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--orange-signal);color:var(--text-on-display);padding:var(--space-sm) var(--space-md);border-radius:6px;font-size:11px;box-shadow:0 4px 16px #0006}body.midi-learning .knob:hover,body.midi-learning #sidebar button:hover,body.midi-learning #sidebar .toggle-btn:hover{outline:1px dashed var(--orange-signal);outline-offset:2px;cursor:crosshair}.midi-learn-selected{outline:2px solid var(--orange-signal)!important;outline-offset:2px}.midi-mapped{position:relative}.midi-mapped:before{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:var(--orange-signal);pointer-events:none;z-index:2}.live-audio-quick-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex-shrink:0;transition:background-color .12s ease,box-shadow .12s ease}.live-audio-quick-btn[data-audio-status=connecting] .live-audio-quick-dot{background:var(--orange-signal);animation:liveAudioQuickPulse 1s ease-in-out infinite}.live-audio-quick-btn[data-audio-status=live] .live-audio-quick-dot{background:var(--knob-cap-black);box-shadow:0 0 6px var(--knob-cap-black)}.live-audio-quick-btn[data-audio-status=denied] .live-audio-quick-dot,.live-audio-quick-btn[data-audio-status=ended] .live-audio-quick-dot{background:var(--red-accent)}@keyframes liveAudioQuickPulse{0%,to{opacity:1}50%{opacity:.35}}:root{--track-panel-width: var(--sidebar-width);--track-panel-tab-w: 28px}#track-panel{position:fixed;top:var(--topbar-h, 0px);right:0;bottom:0;width:var(--track-panel-width);background:var(--bg-room);border-left:1px solid var(--border-hairline);display:flex;flex-direction:column;overflow:visible;transform:translate(0);transition:transform var(--duration-slow) var(--ease-out);z-index:30}@media(min-width:1200px){body[data-track-panel=open] #canvas-area{margin-right:var(--track-panel-width)}}body[data-track-panel=closed] #track-panel{transform:translate(100%)}.track-panel-inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 0 var(--space-xl) 0;scroll-behavior:smooth}.track-panel-inner::-webkit-scrollbar{width:6px}.track-panel-inner::-webkit-scrollbar-track{background:transparent}.track-panel-inner::-webkit-scrollbar-thumb{background:var(--surface-raised);border-radius:3px}.track-panel-inner::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}.track-panel-header{position:sticky;top:0;z-index:30;background:var(--bg-room);border-bottom:1px solid var(--border-hairline);padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;justify-content:space-between}#track-panel-toggle{position:absolute;top:50%;left:0;transform:translateY(-50%) translate(-100%);width:var(--track-panel-tab-w);min-height:72px;background:var(--bg-room);border:1px solid var(--border-hairline);border-right:none;border-radius:var(--space-sm) 0 0 var(--space-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-md) 0;color:var(--text-muted);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out);z-index:20}#track-panel-toggle:hover{background:var(--surface-card);color:var(--text-key)}#track-panel-toggle:focus-visible{outline:2px solid var(--orange-signal);outline-offset:-2px}body:not([data-has-source=true]) #btn-reset,body:not([data-has-source=true]) .topbar-mode{opacity:var(--disabled-opacity);pointer-events:none;cursor:not-allowed}body:not([data-has-source=true]) .topbar-mode *{pointer-events:none;cursor:not-allowed}body:not([data-has-source=true]) #track-panel-toggle{cursor:not-allowed;opacity:var(--disabled-opacity);pointer-events:auto}body:not([data-has-source=true]) #track-panel-toggle:hover{background:var(--bg-room);color:var(--text-muted)}body:not([data-has-source=true]) #text-overlay-panel-wrap>:not(.stage-divider):not(#text-start-black-section),body:not([data-has-source=true]) #text-overlay-panel-wrap>.text-chain-divider{display:none}body[data-mode=track] #track-panel-toggle{color:var(--orange-signal);border-color:var(--border-strong)}.track-panel-toggle-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1}.track-panel-toggle-arrow{font-size:11px;line-height:1;transition:transform var(--duration-base) var(--ease-out);display:block}body[data-track-panel=closed] .track-panel-toggle-arrow{transform:scaleX(-1)}.segment-indicator{position:sticky;top:0;z-index:31;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xl);background:#c3b0fd1f;border-bottom:1px solid oklch(80% .11 295 / .35);color:var(--orange-signal);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;min-height:24px;animation:seg-indicator-in var(--duration-slow) var(--ease-out) both}@keyframes seg-indicator-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.segment-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--orange-signal);flex-shrink:0;animation:seg-dot-pulse 1.6s ease-in-out infinite}@keyframes seg-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.segment-indicator-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}body[data-segment-active=true] #sidebar .sidebar-header,body[data-segment-active=true] .track-panel-header{border-top:2px solid oklch(from var(--orange-signal) l c h / .6)}#track-panel.export-locked{pointer-events:none;opacity:.38;transition:opacity .25s var(--ease-out)}@media(max-width:640px){#track-panel{width:min(var(--track-panel-width),90vw)}}@media(prefers-reduced-motion:reduce){#track-panel,.track-panel-toggle-arrow{transition:none}.segment-indicator,.segment-indicator-dot{animation:none}@keyframes seg-indicator-in{0%{opacity:1;transform:none}}}.topbar-mode{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-md)}.topbar-mode .toggle-group{gap:var(--space-2xs);flex-wrap:nowrap}.topbar-mode .toggle-btn{flex:0 0 auto;white-space:nowrap;background:var(--display-bezel);border-color:var(--display-hairline);color:var(--text-on-display);min-height:44px;padding:var(--space-xs) var(--space-sm);font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:9px;letter-spacing:.12em}.topbar-mode .toggle-btn:hover{background:#020203}.topbar-mode .toggle-btn.active,.topbar-mode .toggle-btn[aria-checked=true]{background:var(--orange-signal);color:var(--knob-cap-black);border-color:var(--orange-signal);font-weight:700}.stage-divider{font-size:var(--type-stage)}.section-label,.color-grid-category,.color-category-label,.color-rack-slot-panel-head,.color-rack-slot-toggle-label,.knob-mod-field-label,.okdrift-rel-label{font-size:var(--type-label)}.grade-section-hint,.structure-section-hint,.structure-picker-panel-tip,.body-panel-hint,.knob-mod-src-desc{font-size:var(--type-hint);font-weight:500;line-height:1.45;color:var(--text-body);opacity:1}.section-sub{font-size:calc(9px * var(--ui-scale))}.stage-divider .stage-sub{font-size:calc(8px * var(--ui-scale))}.toggle-btn,.color-rack-slot-toggle-btn{font-size:var(--type-control);min-height:var(--control-h)}.effect-card-title{font-size:calc(10px * var(--ui-scale))}.knob-svg{width:calc(40px * var(--ui-scale));height:calc(40px * var(--ui-scale))}.stepped-ring-svg{width:calc(40px * var(--ui-scale))!important;height:calc(40px * var(--ui-scale))!important}.knob-label{font-size:calc(9px * var(--ui-scale))}.knob-val,.stepped-knob-cluster .knob-label,.stepped-knob-cluster .knob-val{font-size:calc(10px * var(--ui-scale))}.structure-output-group .toggle-btn{min-height:calc(52px * var(--ui-scale));font-size:calc(10px * var(--ui-scale))}.structure-output-group .toggle-btn>span:last-child{font-size:calc(10px * var(--ui-scale))}.structure-output-swatch{height:54%}.ascii-palette-trigger,.ascii-palette-option{min-height:calc(32px * var(--ui-scale));font-size:calc(11px * var(--ui-scale))}.control-section{padding:calc(var(--space-md) * var(--ui-scale)) calc(var(--space-lg) * var(--ui-scale))}.knob-cluster,.knob-grid{gap:calc(var(--space-2xl) * var(--ui-scale)) calc(var(--space-md) * var(--ui-scale))}.structure-picker-grid{gap:calc(var(--space-xs) * var(--ui-scale))}.structure-picker-label{font-size:calc(9px * var(--ui-scale))}.structure-picker-panel-title{font-size:calc(10px * var(--ui-scale))}@media(min-width:1280px){:root{--sidebar-width: 380px}}@media(min-width:1600px){:root{--sidebar-width: 400px;--control-h: 44px;--type-control: 11px;--type-stage: 10px;--type-label: 10px}html,body{font-size:calc(13px * var(--ui-scale))}.logo{font-size:14px}.logo-sub{font-size:10px}.stage-divider .stage-sub{font-size:9px}.icon-btn{font-size:10px;min-height:44px}.action-btn{font-size:12px;min-height:44px}.structure-picker-grid{--structure-picker-cols: 4}.structure-picker-label{font-size:10px}.structure-output-group .toggle-btn{min-height:56px}.structure-output-group{grid-template-columns:repeat(2,1fr)}.effect-card-title{font-size:11px}.knob-svg{width:44px;height:44px}.knob-label{font-size:10px}.knob-val,.color-rack-chip,.color-pick,#canvas-topbar{font-size:11px}.topbar-mode .toggle-btn{font-size:10px;min-height:44px}}@media(min-width:2400px){:root{--sidebar-width: 460px;--control-h: 44px;--type-control: 12px;--type-stage: 11px;--type-label: 11px}html,body{font-size:calc(14px * var(--ui-scale))}.logo{font-size:15px}.logo-sub{font-size:11px}.stage-divider .stage-sub{font-size:10px}.icon-btn{font-size:11px;min-height:44px}.action-btn{font-size:13px;min-height:44px}.effect-card-title{font-size:12px}.knob-svg{width:48px;height:48px}.knob-label{font-size:11px}.knob-val,.color-rack-chip,.color-pick,#canvas-topbar{font-size:12px}.topbar-mode .toggle-btn{font-size:11px;min-height:44px}}@media(min-width:3200px){:root{--sidebar-width: 520px;--control-h: 44px;--type-control: 13px}html,body{font-size:calc(15px * var(--ui-scale))}.logo{font-size:16px}.icon-btn{font-size:12px;min-height:44px}.action-btn{font-size:14px;min-height:44px}.knob-svg{width:52px;height:52px}.knob-label{font-size:12px}.knob-val{font-size:13px}}@media(max-width:860px){:root{--sidebar-width: 100%}#app{flex-direction:column}#sidebar{width:100%;min-width:0;max-height:50vh;max-height:50dvh;border-right:none;border-bottom:1px solid var(--border-hairline)}.filter-swatch-group{grid-template-columns:repeat(4,1fr)}.structure-picker-grid{--structure-picker-cols: 2}.knob-grid{grid-template-columns:repeat(4,1fr)}.structure-output-group .toggle-btn{min-height:calc(48px * var(--ui-scale))}.structure-output-group{grid-template-columns:repeat(2,1fr)}.mobile-mode-link{display:inline-flex;align-items:center;gap:4px;flex:none;padding:5px 10px;border-radius:999px;border:1px solid var(--border-hairline);background:var(--surface-card);color:var(--text-body);font-size:11px;text-decoration:none;white-space:nowrap}.help-head{padding:var(--space-lg) var(--space-lg) var(--space-sm)}.help-tabs{padding:0 var(--space-lg);overflow-x:auto}.help-scroll{padding:var(--space-lg)}.help-grid{grid-template-columns:1fr}}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:6px 14px;background:var(--surface-raised);color:var(--text-key);border:2px solid var(--orange-signal);border-radius:4px;font-size:calc(11px * var(--ui-scale));font-weight:700;text-decoration:none;white-space:nowrap}.skip-link:focus{top:.5rem}.palette-prompt{display:flex;gap:var(--space-sm);align-items:stretch;margin-bottom:var(--space-sm)}.palette-prompt .text-field{flex:1 1 auto;min-width:0}.palette-prompt .action-btn{flex:0 0 auto}.palette-status{margin:0 0 var(--space-sm)}.palette-spread{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.palette-spread .section-label{flex:0 0 auto}.palette-spread input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--orange-signal)}.palette-spread-val{flex:0 0 auto;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:10px;color:var(--text-muted);min-width:3ch;text-align:right}.palette-status.is-error{color:var(--state-danger)}.bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-bottom:var(--space-sm)}.bank-strip{position:relative;height:26px;border:1px solid var(--border-hairline);border-radius:5px;padding:0;cursor:pointer;background-color:var(--surface-base);overflow:hidden}.bank-strip:hover{border-color:var(--border-strong)}.bank-strip.live{border-color:var(--orange-signal);box-shadow:0 0 0 1px var(--orange-signal)}.bank-strip-num{position:absolute;left:4px;bottom:2px;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:9px;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.9)}.bank-empty{grid-column:1 / -1;padding:var(--space-sm) 0}.bank-actions{display:flex;gap:var(--space-xs);align-items:center;margin-bottom:var(--space-sm)}.bank-count{margin-left:auto}.okdrift-preview-wrap{width:100%;border:1px dashed var(--border-hairline);border-radius:8px;padding:8px;margin-bottom:var(--space-sm);box-sizing:border-box;background:var(--surface-base)}.okdrift-swatch-row{display:flex;gap:4px;width:100%}.okdrift-swatch{flex:1;min-width:0;height:68px;border-radius:6px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;overflow:hidden}.okdrift-hex{font-size:7px;letter-spacing:.03em;color:#ffffff8c;text-shadow:0 1px 3px rgba(0,0,0,.9);font-family:monospace;-webkit-user-select:all;user-select:all}.okdrift-controls-row{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.okdrift-rel-label{font-size:var(--type-label);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.okdrift-controls-row .okdrift-rel-select{flex:1}.okdrift-rand-btn{background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-key);font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;min-height:var(--control-h);border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.okdrift-rand-btn:hover{background:var(--surface-hover);border-color:var(--orange-signal)}.knob-mod-popover{display:block;width:212px;padding:var(--space-md)}.knob-mod-popover.hidden{display:none}.knob-mod-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-key);margin-bottom:var(--space-md);line-height:1.3}.knob-mod-field{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-bottom:var(--space-sm)}.knob-mod-field-label{font-size:var(--type-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-body);line-height:1.2}#knob-mod-track-field{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-sm)}.knob-mod-check{accent-color:var(--orange-signal);width:14px;height:14px;margin:0;cursor:pointer}.field-select,.knob-mod-select,.okdrift-rel-select{width:100%;min-width:0;min-height:var(--control-h);background-color:var(--glass-tint);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-hairline);color:var(--text-body);font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:var(--type-control);font-weight:700;letter-spacing:.08em;padding:0 calc(var(--space-md) + 16px) 0 var(--space-md);border-radius:var(--radius-control);cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a8b0bc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;line-height:1.2;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.field-select:hover,.field-select:focus,.knob-mod-select:hover,.knob-mod-select:focus,.okdrift-rel-select:hover,.okdrift-rel-select:focus{background-color:#1c2023cc;border-color:oklch(from var(--orange-signal) l c h / .5);color:var(--text-key)}.field-select:focus-visible,.knob-mod-select:focus-visible,.okdrift-rel-select:focus-visible{border-color:var(--orange-signal)}.field-select:disabled,.knob-mod-select:disabled,.okdrift-rel-select:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.field-select option,.knob-mod-select option,.okdrift-rel-select option{background:var(--bg-stage);color:var(--text-key);font-family:var(--font-body);font-variation-settings:normal;font-weight:500;letter-spacing:normal}.knob-mod-src-desc{margin:0;font-size:var(--type-hint);line-height:1.45;color:var(--text-body)}.knob-mod-knob-grid{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-md) 0 var(--space-sm);padding:var(--space-sm) var(--space-xs);border:1px solid var(--border-hairline);border-radius:8px;background:var(--surface-sunken)}.knob-mod-knob-grid .knob-mod-mini-knob{--param-slider-h: calc(26px * var(--ui-scale));margin-inline:0;min-width:0}.knob-mod-clear-btn{width:100%;background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-key);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.knob-mod-clear-btn:hover{background:var(--surface-hover);border-color:var(--orange-signal)}.knob.has-mod:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--orange-signal);box-shadow:0 0 4px var(--orange-signal)}body.liveout-window #app>*:not(#liveout-root){display:none!important}body.liveout-window #liveout-root{display:block}body.liveout-window{background:#000;margin:0;overflow:hidden}#liveout-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}#liveout-canvas{width:100vw;height:100vh;display:block}#liveout-fullscreen-btn{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--space-md) var(--space-lg);font-family:var(--font-doto);font-weight:800;letter-spacing:.1em;font-size:13px;color:var(--text-key);background:var(--surface-raised);border:1px solid var(--orange-signal);border-radius:6px;cursor:pointer}#liveout-fullscreen-btn:hover{background:var(--surface-hover)}.color-rack-chip:has(.color-rack-chip-empty){background:transparent;border:1px dashed var(--border-strong)}.color-rack-chip:has(.color-rack-chip-empty):hover{background:var(--surface-raised);border-color:var(--orange-signal)}.color-rack-chip-empty{font-style:normal;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.color-rack-chip:has(.color-rack-chip-empty):hover .color-rack-chip-empty{color:var(--orange-signal)}.param-slider-input::-webkit-slider-thumb{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.param-slider-input::-moz-range-thumb{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.param-slider-input:hover::-webkit-slider-thumb,.param-slider-input:focus-visible::-webkit-slider-thumb,.param-slider-input:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 8px var(--glow-signal)}.param-slider-input:hover::-moz-range-thumb,.param-slider-input:focus-visible::-moz-range-thumb,.param-slider-input:active::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 8px var(--glow-signal)}.icon-cell-group .toggle-btn,.icon-cell-group .action-btn{transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.icon-cell-group .toggle-btn:hover,.icon-cell-group .action-btn:hover{transform:translateY(-1px);border-color:var(--border-strong)}.icon-cell-group .toggle-btn:hover .cell-icon,.icon-cell-group .action-btn:hover .cell-icon{background:#1e1a15;color:var(--text-key)}@media(prefers-reduced-motion:reduce){.icon-cell-group .toggle-btn:hover,.icon-cell-group .action-btn:hover{transform:none}.param-slider-input:hover::-webkit-slider-thumb,.param-slider-input:focus-visible::-webkit-slider-thumb,.param-slider-input:active::-webkit-slider-thumb{transform:none}.param-slider-input:hover::-moz-range-thumb,.param-slider-input:focus-visible::-moz-range-thumb,.param-slider-input:active::-moz-range-thumb{transform:none}}.file-status.status-flash{color:var(--orange-signal);transition:color var(--duration-base) var(--ease-out)}#intro-overlay{-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1);background:radial-gradient(60% 50% at 50% 42%,oklch(80% .11 295 / .1),transparent 70%),var(--scrim)}#intro-panel{max-width:min(760px,92vw);padding:0;border-radius:var(--radius-float);box-shadow:0 0 0 1px #c3b0fd38,0 0 80px #c3b0fd2e,0 24px 80px #0009;animation:intro-panel-enter .45s var(--ease-out) both}@keyframes intro-panel-enter{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.intro-disclosure-title{font-family:"Geist Pixel Circle",var(--font-body);font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:.01em;line-height:1.1}#intro-panel .intro-disclosure-copy{font-size:15px;line-height:1.7;max-width:58ch;margin:0 0 var(--space-md)}#intro-panel .intro-disclosure-detail{font-size:13.5px;max-width:58ch;color:#e2e5e7ad;margin-bottom:0}.intro-disclosure-body{min-height:11rem}.intro-disclosure-body>*{animation:intro-step-in .3s var(--ease-out) both}@keyframes intro-step-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.intro-nav-btn-next{box-shadow:0 0 18px #c3b0fd59}@media(prefers-reduced-motion:reduce){#intro-panel{animation:none}.intro-disclosure-body>*{animation:none}}#intro-overlay.intro-docked{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;align-items:flex-end;justify-content:flex-end}#intro-overlay.intro-docked #intro-panel{pointer-events:auto;max-width:min(460px,92vw);animation:none}.intro-disclosure-guide{font-family:var(--font-body);font-size:11px;font-weight:600;min-height:44px;padding:0 var(--space-sm);background:none;border:0;color:#e2e5e7b3;cursor:pointer;white-space:nowrap}.intro-disclosure-guide:hover{color:var(--text-on-display)}.intro-disclosure-secondary{display:flex;flex-wrap:wrap;justify-content:center}.intro-disclosure-guide kbd{font-family:var(--font-body);font-size:10px;margin-left:6px;padding:1px 5px;border:1px solid var(--display-hairline);border-radius:4px}#intro-panel .intro-disclosure-title{font-family:"Geist Pixel Circle",var(--font-body);font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:.01em;text-transform:none;line-height:1.1}.topbar-audio{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-xs)}.topbar-audio-icon{flex-shrink:0;color:var(--text-faint)}.topbar-audio-meter{width:46px;height:6px;border-radius:3px;background:var(--display-bezel, var(--surface-raised));border:1px solid var(--display-hairline);overflow:hidden;flex-shrink:0}.topbar-audio-meter-fill{height:100%;background:var(--orange-signal);transition:width 60ms linear}.topbar-audio-gain{width:54px;height:24px;accent-color:var(--orange-signal);cursor:pointer;flex-shrink:0}.text-font-grid{display:flex;flex-wrap:wrap;gap:.3em}body:not([data-text-overlay-mode=static]) #text-overlay-font-wrap{display:none}body[data-text-path=straight] #text-overlay-path-wrap{display:none}.text-font-grid .toggle-btn{flex:0 1 auto;padding:.35em .7em;font-size:1.05em;line-height:1.25}#text-overlay-palette-group .toggle-btn{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);font-weight:600}.text-field-multiline{min-height:4.2em;resize:vertical;line-height:1.4;font-family:var(--font-body)}body[data-mode=live] #live-shader-group .toggle-btn{font-size:.85em}.live-shader-section{margin-top:var(--space-md)}.stage-divider-with-action .grade-section-reset{order:2}.grade-section-head:has(#grade-mod-hint){display:none}.grade-island .knob-cluster,.knob-cluster.grade-sliders{border:none;background:none;box-shadow:none;padding-left:0;padding-right:0}body[data-track-mode=merge] #track-detection-divider,body[data-track-mode=merge] #track-backend-section,body[data-track-mode=merge] #track-detected-controls,body[data-track-mode=crawl] #track-detection-divider,body[data-track-mode=crawl] #track-backend-section,body[data-track-mode=crawl] #track-detected-controls,body[data-track-mode=layer] #track-detection-divider,body[data-track-mode=layer] #track-backend-section,body[data-track-mode=layer] #track-detected-controls{display:none}.session-preset-count,.stage-divider .stage-sub,.file-status,#canvas-topbar .topbar-source,.picker-fold-hint,.color-rack-chip-empty,.cell-label,.track-panel-toggle-label,#sidebar .btn-label,#track-panel .btn-label,.preset-slot-num,.structure-picker-change,.structure-picker-peek-more,.export-quality-title,.export-quality-btn,.export-trim-now-btn,.export-trim-reset-btn,.export-trim-hint,.export-trim-row label,.eqo-sub,#canvas-topbar .btn-label,#canvas-topbar .icon-btn,#canvas-topbar .topbar-mode .toggle-btn{font-size:11px}.structure-picker-panel-reset{min-height:24px}#oneline-mode-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}#oneline-mode-group>.toggle-btn{min-width:0;white-space:nowrap}.canvas-chip-bar{position:absolute;top:var(--space-md);left:var(--space-lg);z-index:12;display:flex;align-items:center;gap:2px;padding:2px;background:var(--display-bezel);border:1px solid var(--display-hairline);border-radius:var(--radius-control)}.output-aspect-opts{display:flex;gap:2px}.canvas-chip-divider{align-self:stretch;width:1px;margin-inline:2px;background:var(--display-hairline)}.canvas-chip,.output-aspect-opt,.scopes-toggle,.scopes-tab,.subtitles-chip{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;padding:5px 8px;color:var(--text-on-display);background:var(--display-bezel);border:1px solid var(--display-hairline);border-radius:var(--radius-control);cursor:pointer}.canvas-chip-bar .output-aspect-opt,.canvas-chip-bar .scopes-toggle,.scopes-tab{background:transparent;border-color:transparent;border-radius:calc(var(--radius-control) - 1px)}.canvas-chip:hover,.output-aspect-opt:hover,.scopes-toggle:hover,.scopes-tab:hover,.subtitles-chip:hover{color:var(--text-key)}.output-aspect-opt.active,.output-aspect-opt[aria-checked=true],.scopes-toggle[aria-pressed=true],.scopes-tab.active,.safe-margin-btn[aria-pressed=true]{color:var(--orange-signal);border-color:var(--orange-signal)}.canvas-chip:focus-visible,.output-aspect-opt:focus-visible,.scopes-toggle:focus-visible,.scopes-tab:focus-visible,.subtitles-chip:focus-visible{outline:2px solid var(--orange-signal);outline-offset:1px}.lut-row{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md)}.lut-controls{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.lut-name{flex:1 1 6em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.lut-name.is-empty{color:var(--text-faint)}.caption-controls{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.caption-controls .field-select{width:100%;min-width:0}.scopes-panel{position:absolute;top:100%;left:-1px;margin-top:var(--space-xs);z-index:12;display:flex;flex-direction:column;gap:4px;padding:4px;background:var(--display-bezel);border:1px solid var(--display-hairline);border-radius:var(--radius-control)}.scopes-panel.hidden{display:none}.scopes-tabs{display:flex;gap:2px}#scopes-canvas,#audio-scopes-canvas{width:256px;height:256px;display:block;border-radius:2px}#scopes-canvas.hidden,#audio-scopes-canvas.hidden{display:none}.scopes-tabs-audio{border-top:1px solid var(--display-hairline);padding-top:4px}#audio-scopes-canvas{cursor:pointer}.scopes-tabs{justify-content:space-between}.scopes-tab{font-size:10px;letter-spacing:.04em;padding:5px 4px}.export-tabs{display:flex;gap:var(--space-2xs);margin-bottom:var(--space-sm)}.export-tab{flex:1;font:inherit;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:var(--space-sm) var(--space-md);color:var(--text-muted);background:transparent;border:0;border-bottom:2px solid var(--border-hairline);cursor:pointer}.export-tab.active,.export-tab[aria-selected=true]{color:var(--text-key);border-bottom-color:var(--orange-signal)}.export-tab:focus-visible{outline:2px solid var(--orange-signal);outline-offset:1px}.export-format-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.export-format-opt,.export-gif-fps-opt{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:4px;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.export-format-opt:hover,.export-gif-fps-opt:hover{background:var(--surface-raised);border-color:var(--border-strong)}.export-format-opt.active,.export-format-opt[aria-checked=true],.export-gif-fps-opt.active,.export-gif-fps-opt[aria-checked=true]{border-color:var(--orange-signal);background:oklch(from var(--orange-signal) l c h / .1)}.export-format-opt.active .eqo-label,.export-format-opt[aria-checked=true] .eqo-label,.export-gif-fps-opt.active .eqo-label,.export-gif-fps-opt[aria-checked=true] .eqo-label{color:var(--orange-signal)}.export-format-opt.is-locked{opacity:var(--disabled-opacity);cursor:not-allowed;position:relative}.export-format-opt.is-locked:after{content:"🔒";position:absolute;top:2px;right:3px;font-size:8px;line-height:1;opacity:.9}.export-panel{display:flex;flex-direction:column;gap:var(--space-xl)}.export-panel.hidden{display:none}#safe-margin-overlay{position:absolute;pointer-events:none;z-index:5}#safe-margin-overlay[hidden],#safe-margin-platform-wrap[hidden]{display:none}.safe-margin-box,.safe-margin-zone{position:absolute;pointer-events:none}.safe-margin-box{border:1px dashed oklch(95% .004 245 / .85)}.safe-margin-title{border-color:#c3b0fdf2}.safe-margin-box>span,.safe-margin-zone>span{position:absolute;left:4px;top:2px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-key);text-shadow:0 0 3px var(--display-bezel)}.safe-margin-box>span{left:auto;right:4px}.safe-margin-action>span{top:auto;bottom:100%;margin-bottom:1px}.safe-margin-title>span{top:2px;bottom:auto}.safe-margin-zone{background:repeating-linear-gradient(135deg,#d7474547,#d7474547 6px,#d747451f 6px,#d747451f 12px);border:1px solid oklch(60% .18 25 / .6)}#safe-margin-controls{position:absolute;top:var(--space-md);right:var(--space-md);z-index:6;display:grid;grid-template-columns:auto auto;justify-content:end;gap:var(--space-xs) 0;align-items:center}#safe-margin-controls .safe-margin-btn{grid-column:2;grid-row:1}#safe-margin-controls .safe-margin-platform-wrap{grid-column:1;grid-row:1;margin-right:var(--space-xs)}#safe-margin-controls .subtitles-chip{grid-column:1 / -1;grid-row:2;justify-self:end;position:static}.safe-margin-platform-wrap{display:flex}.safe-margin-platform{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:22px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.safe-margin-platform:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.safe-margin-btn:focus-visible,.safe-margin-platform:focus-visible,.export-preset-opt:focus-visible{outline:2px solid var(--orange-signal);outline-offset:2px}.safe-margin-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.export-preset-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.export-preset-opt{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:4px;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font:inherit;cursor:pointer;position:relative}.export-preset-opt:hover{background:var(--surface-raised);border-color:var(--border-strong)}.export-preset-opt[aria-checked=true]{border-color:var(--orange-signal);background:oklch(from var(--orange-signal) l c h / .1)}.epo-label{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--text-key)}.epo-sub,.epo-note{font-size:11px;color:var(--text-muted);letter-spacing:.04em}.export-preset-opt[aria-checked=true] .epo-label{color:var(--orange-signal)}.export-preset-opt.is-locked{opacity:var(--disabled-opacity);cursor:not-allowed}.export-preset-opt.is-locked:after{content:"🔒";position:absolute;top:2px;right:3px;font-size:8px;line-height:1;opacity:.9}.export-preset-opt.is-locked:hover{background:var(--surface-card);border-color:var(--border-hairline)}@media(prefers-contrast:more){:root{--text-muted: oklch(70% .008 245);--text-faint: oklch(65% .009 245);--state-danger: oklch(67% .18 25);--state-info: oklch(65% .1 235);--border-hairline: oklch(55% .008 245);--border-strong: oklch(62% .01 245)}}.subtitles-chip[hidden],body[data-mode=synth] .subtitles-chip{display:none}.output-aspect-hint{align-self:center;padding:0 6px;font-family:var(--font-doto);font-size:11px;line-height:1;letter-spacing:.06em;white-space:nowrap;color:var(--text-muted)}.output-aspect-hint[hidden]{display:none}.control-section>.stage-divider{margin-inline:calc(-1 * var(--space-lg) * var(--ui-scale))}.control-section>.stage-divider:first-child{margin-top:calc(-1 * var(--space-md) * var(--ui-scale))}.knob-cluster:has(>.param-slider):not(:has(>:not(.param-slider))){border:0;background:none}.section-label .stage-sub{font-size:calc(8px * var(--ui-scale));font-weight:500;letter-spacing:.12em;color:var(--text-faint);text-transform:none}.color-rack-slot-panel .param-slider .knob-label{left:calc(var(--space-md) + 5px)}.color-rack-slot-panel .param-slider .knob-val{right:calc(var(--space-md) + 5px)}.session-preset-count[hidden]{display:none}.toggle-group.icon-cell-group{display:grid}#track-panel .toggle-group:not(.icon-cell-group,.filter-swatch-group,.structure-output-group,.structure-picker-grid,.ascii-palette-listbox)>.toggle-btn.active,#track-panel .toggle-group:not(.icon-cell-group,.filter-swatch-group,.structure-output-group,.structure-picker-grid,.ascii-palette-listbox)>.toggle-btn[aria-checked=true],#track-panel .toggle-group:not(.icon-cell-group,.filter-swatch-group,.structure-output-group,.structure-picker-grid,.ascii-palette-listbox)>.toggle-btn[aria-pressed=true]{background:var(--surface-raised);color:var(--text-key);border:2px solid var(--orange-signal);box-shadow:inset 0 0 0 1px #ffffff40}#lumi-channel-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}#lumi-channel-group>.toggle-btn{min-width:0}.track-panel-header .track-panel-title{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:var(--type-stage);letter-spacing:.2em;text-transform:uppercase;color:var(--text-key)}#btn-reset-track{display:none}#track-panel-toggle{background:var(--display-bezel);border-color:var(--display-hairline)}#track-panel-toggle:hover{background:var(--display-bezel)}.track-panel-toggle-label{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-size:11px}.color-key-label{font-size:11px}.export-trim-row .field-select{flex:1;min-width:0;height:auto;min-height:0;background-color:var(--surface-card);border:1px solid var(--border-hairline);border-radius:3px;padding:5px 24px 5px 8px;font-size:11px;font-weight:700;color:var(--text-key)}.export-trim-row .field-select:focus{outline:none;border-color:var(--orange-signal)}.export-trim-row .toggle-btn{flex:0 0 auto;min-width:56px;min-height:0;padding:5px 8px;font-size:11px}.export-quality-inner:has(#export-tab-image.active) .export-format-opt[data-format=mp4]{display:none}.export-quality-inner:has(#export-tab-image.active) .export-format-opts{grid-template-columns:repeat(2,1fr)}.export-format-opts,.export-tabs{margin-bottom:0}.export-image-block{display:flex;flex-direction:column;gap:var(--space-xl)}.export-image-block.hidden{display:none}.export-trim-hint{overflow-wrap:anywhere}.export-quality-actions{position:sticky;bottom:calc(-1 * var(--space-xl));background:var(--bg-room);padding-block:var(--space-sm) var(--space-xl);margin-bottom:calc(-1 * var(--space-xl))}body:has(.export-quality-modal:not(.hidden)) #toast-region{bottom:auto;top:var(--space-xl);flex-direction:column}:root{--timeline-reserve: calc(var(--space-lg) + 64px)}#canvas-area:has(.timeline-panel:not(.hidden)){padding-bottom:var(--timeline-reserve)}body:has(.timeline-panel:not(.hidden)):not(:has(.export-quality-modal:not(.hidden))) #toast-region{bottom:calc(var(--space-xl) + var(--timeline-reserve))}#canvas-topbar .topbar-source{display:flex}#canvas-topbar .topbar-source .ts-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#canvas-topbar .topbar-source .ts-dims{flex:none;white-space:pre}#live-audio-quick.control-section{padding-inline:0}body[data-mode=live] #live-shader-group .toggle-btn{letter-spacing:0}body[data-mode=live] #sidebar .toggle-btn.active:not(.filter-swatch-group .toggle-btn),body[data-mode=live] #sidebar .toggle-btn[aria-checked=true]:not(.filter-swatch-group .toggle-btn),body[data-mode=text] #sidebar .toggle-btn.active:not(.filter-swatch-group .toggle-btn),body[data-mode=text] #sidebar .toggle-btn[aria-checked=true]:not(.filter-swatch-group .toggle-btn){background-image:none}.topbar-audio-gain{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.topbar-audio-gain::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--display-hairline)}.topbar-audio-gain::-moz-range-track{height:4px;border-radius:2px;background:var(--display-hairline)}.topbar-audio-gain::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:14px;margin-top:-5px;border:0;border-radius:2px;background:var(--orange-signal)}.topbar-audio-gain::-moz-range-thumb{width:8px;height:14px;border:0;border-radius:2px;background:var(--orange-signal)}.topbar-audio-gain:focus-visible{outline:2px solid var(--orange-signal);outline-offset:2px}.subtitles-divider{padding:0}.subtitles-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;padding:var(--space-xl) var(--space-xl) var(--space-sm);border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}.subtitles-toggle:hover .subtitles-chevron,.subtitles-toggle:focus-visible .subtitles-chevron{color:var(--text-key)}.subtitles-toggle:focus-visible{outline:2px solid var(--orange-signal);outline-offset:-2px}.subtitles-chevron{color:var(--text-faint);transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.subtitles-toggle.is-expanded .subtitles-chevron{transform:rotate(180deg)}.caption-section[hidden]{display:none}.picker-fold-caret{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 800;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;cursor:pointer}.picker-fold-open .picker-fold-caret{transform:none}.structure-picker-collapsed.picker-fold-row{cursor:pointer}button.picker-fold-main{border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}button.picker-fold-main:focus-visible{outline:2px solid var(--orange-signal);outline-offset:-2px}.caption-section .field-select{min-height:30px;height:30px;font-size:11px;font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 800;font-weight:800;letter-spacing:.1em}#track-lines-group{flex-wrap:wrap;gap:var(--space-xs)}#track-lines-group .toggle-btn{flex:1 1 auto;min-width:0;min-height:0;padding:var(--space-xs) var(--space-sm);font-size:calc(10px * var(--ui-scale))}.structure-picker-grid.swatch-cell-grid.mask-mode-grid{--structure-picker-cols: 3}.swatch-cell-grid.mask-mode-grid .structure-picker-label{overflow:visible;text-overflow:clip}body[data-mode=track][data-track-panel=open]{--timeline-reserve: calc(var(--space-lg) + 104px)}body[data-mode=track][data-track-panel=open] .timeline-bar{flex-wrap:wrap}body[data-mode=track][data-track-panel=open] .timeline-track{order:3;flex:1 1 100%}body[data-mode=track][data-track-panel=open] .video-time{margin-left:auto}.export-quality-inner:not(:has(#export-tab-image.active)) .export-format-opts{display:none}#export-quality-confirm:disabled{opacity:.4;cursor:not-allowed}body[data-mode=live] .canvas-chip-bar,body[data-mode=text] .canvas-chip-bar,body[data-mode=live] #btn-safe-margins,body[data-mode=text] #btn-safe-margins,body[data-mode=live] #safe-margin-platform-wrap,body[data-mode=text] #safe-margin-platform-wrap,body[data-mode=live] #safe-margin-overlay,body[data-mode=text] #safe-margin-overlay{display:none}.safe-margin-action>span{top:100%;bottom:auto;margin-bottom:0;margin-top:1px}.safe-margin-title>span{top:auto;bottom:2px}.safe-margin-zone[data-zone=top]>span{left:50%;top:100%;margin-top:2px;transform:translate(-50%);white-space:nowrap}#canvas-topbar .topbar-lead{min-width:16ch}#canvas-topbar .topbar-source .ts-name{min-width:8ch}#intro-overlay.intro-docked.intro-dock-center{justify-content:center}.intro-ascii-hero--compact{height:120px}.intro-task{margin:var(--space-sm) 0 0;font-size:13px;line-height:1.5;color:var(--text-key)}.intro-task.is-done{color:var(--state-ok, var(--orange-signal))}.stage-divider.intro-spotlight,#mode-group.intro-spotlight{outline:1px solid var(--orange-signal);outline-offset:2px;animation:intro-spotlight-pulse 1.6s ease-in-out infinite}@keyframes intro-spotlight-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 14px 0 var(--orange-signal)}}@media(prefers-reduced-motion:reduce){.stage-divider.intro-spotlight,#mode-group.intro-spotlight{animation:none}}body[data-embed=depth] #sidebar,body[data-embed=depth] #canvas-topbar,body[data-embed=depth] #track-panel,body[data-embed=depth] #track-panel-toggle{display:none!important}.stage-divider[data-stage=edges],.stage-divider[data-stage=sculpt],.stage-divider[data-stage=volume],.stage-divider[data-stage=seg]{color:var(--stage-filter)}.dim-stage-num{display:inline-grid;place-items:center;min-width:calc(17px * var(--ui-scale));height:calc(17px * var(--ui-scale));border:1px solid currentColor;border-radius:50%;font-size:calc(9px * var(--ui-scale));letter-spacing:0}.dim-stage-note{margin:var(--space-sm) 0 0;color:var(--text-faint);font-size:calc(10px * var(--ui-scale));line-height:1.4}.dim-stage-section .knob-grid,.dim-stage-section .toggle-group{margin-top:var(--space-md)}.dim-stage-note[hidden],body[data-ui=dimensions] .dim-classic-structure,.dim-iso[hidden],.dim-volume-layer[hidden],.dim-pattern-drive[hidden]{display:none!important}.dim-closed,.dim-closed-inner>:not(.dim-stage-head){display:none!important}.dim-closed-inner{padding-bottom:0}.stage-divider[data-stage=extras]{color:var(--stage-fx)}.dim-card-stage:has(>.picker-fold-row:not([hidden]))>.dim-card-divider,.dim-card-divider:has(+.dim-card-stage>.picker-fold-row:not([hidden])){display:none!important}.stage-divider.dim-stage-head{--dim-kicker-h: calc(9px * var(--ui-scale) * 1.3 + 8px);position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto 1fr 32px 1fr;grid-template-areas:"." "title" "." "sum" ".";gap:0 6px;align-items:center;min-height:82px;margin:calc(var(--space-md) * var(--ui-scale)) calc(var(--space-lg) * var(--ui-scale)) 0;padding:0 32px;border:1px solid var(--border-hairline);border-radius:5px;background:var(--surface-raised);font-size:calc(11px * var(--ui-scale));transition:border-color var(--duration-fast) var(--ease-out),box-shadow .6s var(--ease-out),opacity var(--duration-base) var(--ease-out)}.dim-stage-inner>.stage-divider.dim-stage-head{margin:var(--space-xs) 0}.stage-divider.dim-stage-head:hover{box-shadow:0 0 10px var(--glow-signal)}.stage-divider.dim-stage-head.is-open{border-color:var(--orange-signal)}.dim-stage-head>.stage-sub,.stage-divider.dim-stage-head:after{display:none}.stage-divider.dim-stage-head.has-thumb{grid-template-columns:76px minmax(0,1fr);grid-template-areas:". ." "title title" ". ." "thumb sum" ". .";column-gap:10px}.stage-divider.dim-stage-head>.dim-stage-title{grid-area:title;display:flex;align-items:center;gap:6px;font-size:calc(9px * var(--ui-scale));letter-spacing:.2em;line-height:1.3;color:var(--stage-filter)}.stage-divider.dim-stage-head>.dim-stage-summary,.dim-stage-sumwrap>.dim-stage-summary{grid-area:sum;text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-key)}.dim-card-stage>.picker-fold-row.dim-stage-card{border-color:var(--border-hairline)}.dim-card-stage>.picker-fold-row.dim-stage-card.dim-card-open,.dim-card-stage>.picker-fold-row.dim-stage-card.picker-fold-open{border-color:var(--orange-signal)}.picker-fold-row.dim-stage-card:not([hidden]){display:grid;--dim-kicker-h: calc(9px * var(--ui-scale) * 1.3 + 8px);min-height:82px;grid-template-columns:24px minmax(0,1fr) auto auto 24px;grid-template-rows:1fr auto 1fr auto 1fr;grid-template-areas:"prev .      .      .      next" "prev kicker kicker kicker next" "prev .      .      .      next" "prev main   peek   caret  next" "prev .      .      .      next";align-items:center}.dim-stage-card>.picker-fold-step:first-child{grid-area:prev;align-self:stretch}.dim-stage-card>.picker-fold-step:not(:first-child){grid-area:next;align-self:stretch}.dim-stage-card>.picker-fold-main{grid-area:main;padding-block:0}.dim-stage-card>.structure-picker-peek{display:none}.dim-stage-card>.picker-fold-caret{grid-column:4;grid-row:1 / -1;margin:0 8px 0 4px;padding:calc(5px * var(--ui-scale)) calc(12px * var(--ui-scale));border:1px solid var(--border-strong);border-radius:4px;background:var(--surface-hover);color:var(--text-key);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.dim-stage-card:hover>.picker-fold-caret{color:var(--text-key)}.dim-stage-card>.picker-fold-caret:hover,.dim-stage-card>.picker-fold-caret:focus-visible{border-color:var(--orange-signal);color:var(--orange-signal);outline:none}.dim-stage-card.picker-fold-open>.picker-fold-caret{border-color:var(--orange-signal);background:var(--orange-signal);color:var(--knob-cap-black)}.dim-stage-head .dim-stage-num{display:none}.dim-stage-card>.picker-fold-kicker{grid-area:kicker;padding:0 8px}.picker-fold-kicker[hidden]{display:none!important}.picker-fold-kicker{display:flex;align-items:center;gap:6px;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:calc(9px * var(--ui-scale));letter-spacing:.2em;line-height:1.3;text-transform:uppercase;color:var(--stage-filter)}.picker-fold-kicker:after{content:"▸";letter-spacing:0;color:var(--text-faint)}.dim-card-open .picker-fold-kicker:after{content:"▾"}.picker-fold-kicker-num{display:inline-grid;place-items:center;min-width:calc(14px * var(--ui-scale));height:calc(14px * var(--ui-scale));border:1px solid currentColor;border-radius:50%;font-size:calc(8px * var(--ui-scale));letter-spacing:0}.dim-stage-head.is-active .dim-stage-num,.dim-stage-card.is-active .picker-fold-kicker-num{background:color-mix(in oklch,currentColor 32%,transparent)}.dim-stage-head:not(.is-active){opacity:.72}.dim-stage-head:hover,.dim-stage-head.is-open,.dim-stage-head.dim-card-open,.dim-stage-head.picker-fold-open{opacity:1}.dim-stage-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-family:var(--font-body);font-variation-settings:normal;font-weight:500;font-size:calc(10px * var(--ui-scale));letter-spacing:.02em;text-transform:none;color:var(--text-faint)}.dim-stage-head.is-active .dim-stage-summary{color:var(--text-body)}.dim-stage-chev{color:var(--text-faint);font-size:calc(9px * var(--ui-scale));transform:rotate(-90deg);transition:transform var(--duration-base) var(--ease-out)}.dim-stage-head.is-open .dim-stage-chev{transform:none}.dim-stage-toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;padding:0;border:0;background:none;cursor:pointer}.dim-stage-toggle:focus-visible{outline:1px solid currentColor;outline-offset:-2px}.dim-stage-sumwrap{grid-area:sum;display:flex;flex-direction:column;gap:2px;min-width:0}.dim-stage-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body);font-variation-settings:normal;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--text-muted)}.dim-tone-thumb{grid-area:thumb;width:76px;aspect-ratio:12 / 5;border-radius:3px;background:linear-gradient(180deg,oklch(100% 0 0 / .35),transparent 45%,oklch(0% 0 0 / .7)),linear-gradient(90deg,#e8433f,#f0c43a,#4cc95a,#3fc8d8,#4a62e8,#c94ad8,#e8433f)}.stage-divider.dim-stage-head.is-open+section.dim-tone-section{display:flex;flex-direction:column;gap:calc(var(--space-md) * var(--ui-scale));padding-top:calc(var(--space-lg) * var(--ui-scale))}.dim-tone-section>.dim-sub{padding:calc(var(--space-md) * var(--ui-scale)) calc(var(--space-lg) * var(--ui-scale));border:1px solid var(--border-hairline);border-radius:5px;background:var(--surface-card)}.dim-sub-head{display:flex;align-items:center;gap:8px;min-height:24px;margin-bottom:calc(var(--space-sm) * var(--ui-scale))}.dim-sub-name{font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:calc(9px * var(--ui-scale));letter-spacing:.2em;text-transform:uppercase;color:var(--stage-filter)}.dim-sub-where{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text-faint)}.dim-sub-head>.grade-section-reset{margin-left:auto}.dim-sub>.dim-grade-divider,.dim-sub #lbl-solid,.dim-sub #lbl-blob-solid,#dimtrk-source-section>#lbl-blob-structure-output{display:none!important}.dim-sub>.fold-row{margin-top:0;padding-top:0;border-top:0}body[data-ui=dimensions][data-track-backend=blob] .dim-blob-cut:not(.active),body[data-ui=dimensions][data-track-backend=blob] :is(#sensitivity-max,#track-min-size,#track-max-size){display:none!important}body[data-ui=dimensions]:not([data-track-mode=track]) .dim-find,body[data-ui=dimensions]:not([data-track-backend=blob]) .dim-find-blob,body[data-ui=dimensions]:not([data-track-backend=blob]):not([data-track-backend=object]) .dim-find-boxes,body[data-ui=dimensions][data-track-backend=off] .dim-find-on,.dim-moved{display:none!important}.dim-group-head{display:flex;align-items:center;gap:8px;margin:calc(var(--space-xl) * var(--ui-scale)) calc(var(--space-lg) * var(--ui-scale)) 0;font-family:var(--font-doto);font-variation-settings:"DOTF" 1,"ROND" 0,"wght" 700;font-weight:700;font-size:calc(9px * var(--ui-scale));letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted)}.dim-group-head:after{content:"";flex:1;height:1px;background:var(--border-hairline)}.dim-art-src .dim-art{display:none}.dim-stage-card>.dim-found{grid-area:peek;padding:0 8px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--orange-signal);white-space:nowrap}.dim-found-spark{display:block;width:100%;height:calc(26px * var(--ui-scale));margin-top:calc(var(--space-md) * var(--ui-scale));border-radius:3px;background:var(--surface-card)}.dim-found-cap{margin-top:4px}#dim-source-section>.structure-output-head{display:none}#dim-source-section:has(>.picker-fold-row:not(.picker-fold-open):not([hidden])) .mask-mode-grid{display:none}.dim-extras-section>.subtitles-divider,.dim-extras-section>.caption-section{padding-inline:0}.stage-divider.dim-stage-head.is-open+.control-section{padding-top:calc(var(--space-sm) * var(--ui-scale))}body[data-ui=dimensions] #pipeline-panel :is(.knob-grid,.knob-cluster,.slider-stack):not([hidden]):has(>.param-slider):not(:has(>:not(.param-slider))){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}body[data-ui=dimensions] #pipeline-panel :is(.knob-grid,.knob-cluster,.slider-stack):has(>.param-slider):not(:has(>:not(.param-slider)))>.param-slider{grid-column:auto}body[data-ui=dimensions] .sidebar-header{padding:calc(var(--space-md) * 1.2) var(--space-lg)}body[data-ui=dimensions] .sidebar-header #btn-reset{min-height:0;padding:calc(5px * var(--ui-scale)) calc(11px * var(--ui-scale));border-radius:999px;font-size:calc(9px * var(--ui-scale));letter-spacing:.1em;color:var(--text-muted)}body[data-ui=dimensions] .sidebar-header #btn-reset:hover{color:var(--text-key);border-color:var(--orange-signal)}body[data-ui=dimensions] .session-strip{gap:calc(var(--space-sm) * 1.25);padding:var(--space-md) var(--space-lg) calc(var(--space-md) * 1.2);--session-control-h: calc(34px * var(--ui-scale))}body[data-ui=dimensions] .session-source-row{gap:0;padding:2px;border:1px solid var(--border-hairline);border-radius:9px;background:var(--surface-card);height:calc(var(--session-control-h) + 6px)}body[data-ui=dimensions] .session-source-row .action-btn.session-icon-btn{border-color:transparent;background:transparent;border-radius:7px;box-shadow:none;color:var(--text-muted)}body[data-ui=dimensions] .session-source-row .action-btn.session-icon-btn:hover{background:var(--surface-hover);color:var(--text-key)}body[data-ui=dimensions] .session-source-row .action-btn.session-icon-btn.session-source-primary{background:var(--orange-signal);color:#1a0e00}body[data-ui=dimensions] .session-source-row .action-btn.session-icon-btn.session-source-primary:hover{background:oklch(from var(--orange-signal) calc(l + .05) c h)}body[data-ui=dimensions] .camera-device-row{margin-top:0}body[data-ui=dimensions] .camera-device-select{min-height:0;height:var(--session-control-h);padding-block:0;border-radius:8px;font-size:calc(10px * var(--ui-scale))}body[data-ui=dimensions] #live-audio-quick.control-section{padding-block:0}body[data-ui=dimensions] #live-audio-quick .section-label{display:none}body[data-ui=dimensions] #live-audio-quick .live-audio-quick-row{gap:var(--space-xs)}body[data-ui=dimensions] #live-audio-quick .action-btn.live-audio-quick-btn,body[data-ui=dimensions] #live-audio-quick .action-btn.live-audio-file-btn{flex:1 1 0;min-width:0;justify-content:center;border-radius:8px;font-size:calc(10px * var(--ui-scale))}body[data-ui=dimensions] .session-presets.preset-card{border-radius:9px;padding:3px}body[data-ui=dimensions] .session-preset-toggle{font-size:calc(11px * var(--ui-scale))}body[data-ui=dimensions] .action-btn.session-preset-save{border-radius:7px;font-size:calc(9px * var(--ui-scale));color:var(--text-key)}.timeline-audio-lane{position:absolute;z-index:31}.timeline-audio-lane[hidden]{display:none}.timeline-audio-rail{position:relative;height:22px;background:var(--bg-stage);border:1px solid var(--border-hairline);border-radius:4px;overflow:hidden}.timeline-audio-bar{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-sm);min-width:6px;background:oklch(from var(--orange-signal) l c h / .22);border:1px solid oklch(from var(--orange-signal) l c h / .6);border-radius:3px;color:var(--text-key);font-size:10px;white-space:nowrap;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-audio-bar:hover,.timeline-audio-bar:focus-visible{background:oklch(from var(--orange-signal) l c h / .32);outline:none}.timeline-audio-bar.is-dragging{cursor:grabbing;border-color:var(--orange-signal)}.timeline-audio-bar.is-clipped-left{border-left-style:dashed}.timeline-audio-bar.is-clipped-right{border-right-style:dashed}.timeline-audio-name{overflow:hidden;text-overflow:ellipsis}.timeline-audio-offset{flex:0 0 auto;font-family:var(--font-doto);color:var(--orange-signal)}body[data-ui=dimensions] .color-swatch-art{height:calc(30px * var(--ui-scale))}body[data-ui=dimensions] .color-swatch-ball{width:calc(21px * var(--ui-scale))}body[data-ui=dimensions] .filter-swatch-group .toggle-btn.color-swatch-card{min-height:0;padding:calc(var(--space-xs) * .75 * var(--ui-scale));gap:calc(var(--space-xs) * .75 * var(--ui-scale))}body[data-ui=dimensions] .color-swatch-name{font-size:calc(9px * var(--ui-scale))}#solid-picker-popover.color-picker-popover,#blob-solid-picker-popover.color-picker-popover{grid-template-columns:repeat(3,66px);gap:3px;padding:calc(var(--space-xs) * 1.5)}#solid-picker-popover .color-pick,#blob-solid-picker-popover .color-pick{font-size:9px;padding:calc(var(--space-sm) * .7);min-height:26px}body[data-ui=dimensions] #pipeline-panel :is(.dim-tone-section,#sculpt-row,#fx-rack) :is(.knob-grid,.knob-cluster,.slider-stack):not([hidden]):has(>.param-slider):not(:has(>:not(.param-slider))){grid-template-columns:minmax(0,1fr)}body[data-ui=dimensions]:not([data-track-mode=track]):not([data-track-mode=merge]) .dim-track-stage,body[data-ui=dimensions]:is([data-track-mode=track],[data-track-mode=merge]) .dim-track-classic{display:none!important}.timeline-track{height:38px}.timeline-scrub-ruler{position:absolute;top:0;left:0;right:0;height:10px;z-index:3;cursor:ew-resize;touch-action:none;border-bottom:1px solid var(--border-hairline);background:repeating-linear-gradient(to right,var(--text-faint) 0 1px,transparent 1px var(--tick-pct, 100%)) left bottom / 100% 4px no-repeat}.timeline-scrub-ruler:hover{background-color:var(--surface-hover)}.timeline-track .timeline-segment{top:12px;bottom:3px}.timeline-track .timeline-playhead{z-index:4}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-yellow-400:oklch(85.2% .199 91.936);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-600:oklch(54.1% .281 293.009);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--radius-md:.375rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-bg-stage:oklch(9% .004 245);--color-bg-room:oklch(13% .005 245);--color-surface-card:oklch(18% .006 245);--color-surface-raised:oklch(22% .007 245);--color-surface-hover:oklch(27% .008 245);--color-border-hairline:oklch(32% .008 245);--color-border-strong:oklch(42% .01 245);--color-text-key:oklch(95% .004 245);--color-text-body:oklch(79% .006 245);--color-text-muted:oklch(63% .008 245);--color-text-faint:oklch(47% .009 245);--color-text-on-display:oklch(92% .004 245);--color-orange-signal:oklch(80% .11 295);--color-knob-cap-white:oklch(97% .003 245);--color-knob-cap-black:oklch(10% .004 245);--color-state-danger:oklch(60% .18 25);--font-pixel-circle:"Geist Pixel Circle", "Geist Mono", ui-monospace, monospace;--font-pixel-square:"Geist Pixel Square", "Geist Mono", ui-monospace, monospace;--font-pixel-line:"Geist Pixel Line", "Geist Mono", ui-monospace, monospace;--font-pixel-grid:"Geist Pixel Grid", "Geist Mono", ui-monospace, monospace;--font-pixel-triangle:"Geist Pixel Triangle", "Geist Mono", ui-monospace, monospace}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-1\/2{top:50%}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-auto{margin:auto}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-1{height:var(--spacing)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-28{height:calc(var(--spacing) * 28)}.h-\[18px\]{height:18px}.w-1{width:var(--spacing)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-\[7px\]{width:7px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[62rem\]{max-width:62rem}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-64{--tw-translate-y:calc(var(--spacing) * 64);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[3px\]{--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-caret-blink{animation:1s step-end infinite caret-blink}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible\!{overflow:visible!important}.rounded{border-radius:.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-border-hairline{border-color:var(--color-border-hairline)}.border-knob-cap-white{border-color:var(--color-knob-cap-white)}.bg-bg-room{background-color:var(--color-bg-room)}.bg-bg-stage{background-color:var(--color-bg-stage)}.bg-orange-signal{background-color:var(--color-orange-signal)}.bg-orange-signal\/20{background-color:#c3b0fd33}@supports (color:color-mix(in lab,red,red)){.bg-orange-signal\/20{background-color:color-mix(in oklab,var(--color-orange-signal) 20%,transparent)}}.bg-state-danger{background-color:var(--color-state-danger)}.bg-surface-card{background-color:var(--color-surface-card)}.bg-surface-card\/90{background-color:#0f1214e6}@supports (color:color-mix(in lab,red,red)){.bg-surface-card\/90{background-color:color-mix(in oklab,var(--color-surface-card) 90%,transparent)}}.bg-surface-raised{background-color:var(--color-surface-raised)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-violet-600\/40{--tw-gradient-from:#7f22fe66}@supports (color:color-mix(in lab,red,red)){.from-violet-600\/40{--tw-gradient-from:color-mix(in oklab, var(--color-violet-600) 40%, transparent)}}.from-violet-600\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-fuchsia-600\/30{--tw-gradient-via:#c600db4d}@supports (color:color-mix(in lab,red,red)){.via-fuchsia-600\/30{--tw-gradient-via:color-mix(in oklab, var(--color-fuchsia-600) 30%, transparent)}}.via-fuchsia-600\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-indigo-950{--tw-gradient-to:var(--color-indigo-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-0{padding-bottom:0}.pl-7{padding-left:calc(var(--spacing) * 7)}.\[font-family\:var\(--font-body\)\]{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-pixel-circle{font-family:var(--font-pixel-circle)}.font-pixel-grid{font-family:var(--font-pixel-grid)}.font-pixel-line{font-family:var(--font-pixel-line)}.font-pixel-square{font-family:var(--font-pixel-square)}.font-pixel-triangle{font-family:var(--font-pixel-triangle)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.\!leading-none{--tw-leading:1!important;line-height:1!important}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.05em\]{--tw-tracking:.05em;letter-spacing:.05em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#22ff73\]{color:#22ff73}.text-\[\#32f3e9\]{color:#32f3e9}.text-\[\#b39aff\]{color:#b39aff}.text-knob-cap-black{color:var(--color-knob-cap-black)}.text-knob-cap-white{color:var(--color-knob-cap-white)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-orange-signal{color:var(--color-orange-signal)}.text-red-400{color:var(--color-red-400)}.text-text-body{color:var(--color-text-body)}.text-text-faint{color:var(--color-text-faint)}.text-text-key{color:var(--color-text-key)}.text-text-muted{color:var(--color-text-muted)}.text-text-on-display{color:var(--color-text-on-display)}.text-yellow-400{color:var(--color-yellow-400)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.mix-blend-difference{mix-blend-mode:difference}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_40px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 16px 40px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--modal-lift\)\]{--tw-shadow:var(--modal-lift);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\/density{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-orange-signal{--tw-ring-color:var(--color-orange-signal)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.placeholder\:text-text-faint::placeholder{color:var(--color-text-faint)}@media(hover:hover){.hover\:border-orange-signal\/60:hover{border-color:#c3b0fd99}@supports (color:color-mix(in lab,red,red)){.hover\:border-orange-signal\/60:hover{border-color:color-mix(in oklab,var(--color-orange-signal) 60%,transparent)}}.hover\:bg-orange-signal\/90:hover{background-color:#c3b0fde6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-orange-signal\/90:hover{background-color:color-mix(in oklab,var(--color-orange-signal) 90%,transparent)}}.hover\:bg-state-danger\/90:hover{background-color:#d74745e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-state-danger\/90:hover{background-color:color-mix(in oklab,var(--color-state-danger) 90%,transparent)}}.hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover)}.hover\:text-text-key:hover{color:var(--color-text-key)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-border-strong:focus-visible{border-color:var(--color-border-strong)}.focus-visible\:border-orange-signal:focus-visible{border-color:var(--color-orange-signal)}.focus-visible\:border-orange-signal\/60:focus-visible{border-color:#c3b0fd99}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-orange-signal\/60:focus-visible{border-color:color-mix(in oklab,var(--color-orange-signal) 60%,transparent)}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-orange-signal\/30:focus-visible{--tw-ring-color:#c3b0fd4d}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-orange-signal\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-orange-signal) 30%, transparent)}}.focus-visible\:ring-orange-signal\/40:focus-visible{--tw-ring-color:#c3b0fd66}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-orange-signal\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-orange-signal) 40%, transparent)}}.focus-visible\:ring-state-danger\/20:focus-visible{--tw-ring-color:#d7474533}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-state-danger\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-state-danger) 20%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-state-danger[aria-invalid=true]{border-color:var(--color-state-danger)}.aria-invalid\:ring-state-danger\/20[aria-invalid=true]{--tw-ring-color:#d7474533}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-state-danger\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-state-danger) 20%, transparent)}}.data-\[state\=active\]\:text-orange-signal[data-state=active]{color:var(--color-orange-signal)}@media(min-width:40rem){.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}}@media(min-width:48rem){.md\:px-0{padding-inline:0}.md\:pt-28{padding-top:calc(var(--spacing) * 28)}}@media(min-width:80rem){.xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:block svg{display:block}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-contrast:more){:root{--color-text-muted:oklch(70% .008 245);--color-text-faint:oklch(65% .009 245);--color-state-danger:oklch(67% .18 25);--color-state-info:oklch(65% .1 235);--color-border-hairline:oklch(55% .008 245);--color-border-strong:oklch(62% .01 245)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@font-face{font-family:Geist Pixel Circle;src:url(/fonts/geist-pixel/GeistPixel-Circle.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Square;src:url(/fonts/geist-pixel/GeistPixel-Square.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Line;src:url(/fonts/geist-pixel/GeistPixel-Line.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Grid;src:url(/fonts/geist-pixel/GeistPixel-Grid.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Triangle;src:url(/fonts/geist-pixel/GeistPixel-Triangle.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}