*,*: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);--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-doto: "Doto", ui-monospace, monospace}html,body{height:100%;width:100%;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;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:"";position:absolute;top:0;right:0;bottom:0;left:0;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:sticky;top:0;z-index:30;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-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-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:.4;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)}#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:#052200;border-color:#26541c;color:#b8e7ae}#btn-export:hover:not([disabled]){background:#14370c}#btn-export.exporting{background:#071605;border-color:#25431f;color:#6d8967;cursor:not-allowed}#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:#000000eb;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:#010202;border:1px solid oklch(19% .005 245);border-radius:4px;min-width:300px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #121416,0 16px 48px #000000b3,inset 0 1px #1b1d20}.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:8px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#3d4043}.export-overlay-title{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#eceff1;transition:color .2s var(--ease-out)}.export-overlay-bar-wrap{position:relative;width:100%;height:3px;background:#060709;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:#a2a5a8;font-variant-numeric:tabular-nums;letter-spacing:.06em}.export-overlay-cancel{margin-top:2px;padding:5px 20px;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:1px solid oklch(21% .005 245);border-radius:2px;color:#424549;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-quality-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:55;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);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:6px;padding:var(--space-2xl) var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl);min-width:280px;box-shadow:0 8px 40px #0009}.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:34px;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:.5;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:.5;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:none;color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:2px 4px;text-decoration:underline;text-underline-offset:2px}.export-trim-reset-btn:hover{color:var(--text-key)}.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-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=fx-rack]{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:8px;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{background:transparent;border:1px solid transparent;color:var(--text-faint);font-size:12px;cursor:pointer;position:relative;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:2px;line-height:1;transition:color var(--duration-base) var(--ease-out)}.card-reset-btn:before{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px}.card-reset-btn:hover{color:var(--orange-signal)}.card-reset-btn[disabled]{opacity:.25;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;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{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;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-remove:hover{color:var(--state-danger);background:var(--surface-hover)}.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-toggle-btn{background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-body);cursor:pointer;font-family:inherit;font-size:9px;font-weight:500;letter-spacing:.05em;padding:3px 8px;min-height:44px;border-radius:3px;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.color-rack-slot-toggle-btn:hover{background:var(--surface-hover);border-color:var(--orange-signal)}.color-rack-slot-toggle-btn.active{background:#a48fe138;border-color:var(--orange-signal);color:var(--text-key)}.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:50;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:6px;padding:var(--space-sm);display:grid;grid-template-columns:repeat(3,80px);gap:var(--space-xs);box-shadow:0 8px 24px #0000008c,0 0 20px var(--glow-signal)}.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-grid .toggle-btn{min-height:32px;font-size:10px}#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-source-tab{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;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-hairline)}.grade-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.grade-section-head .section-label{flex:0 0 auto}.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-reset{flex:0 0 auto;background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text-key);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 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)}.grade-section-reset:hover,.grade-section-reset:focus-visible{background:var(--surface-hover);border-color:var(--orange-signal);color:var(--text-key);outline:none}.grade-section-head+.stepped-knob-cluster{margin-bottom:var(--space-md)}.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:.4;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;border:none;border-radius:5px;background:var(--surface-raised);color:var(--text-faint);cursor:pointer;opacity:0;transition:opacity var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.preset-slot:hover .preset-slot-del,.preset-slot-del:focus-visible{opacity:1}.preset-slot-del:hover{background:var(--red-accent);color:var(--text-key)}.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:#ced1d5;line-height:1.45;text-transform:none}.structure-section-reset{flex:0 0 auto;background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text-key);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 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),opacity var(--duration-base) var(--ease-out)}.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}.structure-section-reset:disabled{opacity:.35;cursor:not-allowed}.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}.structure-output-group,#structure-output-group.structure-output-group{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.structure-output-group .toggle-btn,#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],#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,#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,#structure-output-group .toggle-btn.active:after,#structure-output-group .toggle-btn[aria-checked=true]:after{background:linear-gradient(180deg,#00000005,#0003)}.mask-mode-island .structure-output-group,.structure-output-group.cell-swatch-grid{display:grid}.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:10px;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,#cfc9c4,#636363 50%,#383838,#121212)}.structure-output-group .toggle-btn[data-value=colorisolation] .structure-output-swatch{background:linear-gradient(90deg,#a83634,#9a4f12 10%,#905900,#856300,#766600,#626a02,#486d1c,#207029 40%,#117036,#007043 45%,#006e57 50%,#006b70 60%,#00697b,#00668b,#16619b,#2e5ba6,#4c57a1,#62529d 90%,#854494);background:linear-gradient(90deg,#a83634,#9a4f12 10%,color(xyz 0.154 0.131 0.01),color(xyz 0.145 0.138 0),color(xyz 0.122 0.133 0.01),#626a02,#486d1c,#207029 40%,#117036,color(xyz 0.067 0.12 0.071) 45%,color(xyz 0.068 0.12 0.107) 50%,color(xyz 0.073 0.12 0.197),color(xyz 0.094 0.114 0.278) 70%,#16619b,#2e5ba6,#4c57a1,#62529d 90%,#854494)}.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-wheel-wrap{position:relative;height:220px;padding:var(--space-xs) 0}.structure-picker-panel{background:var(--bg-room);padding:var(--space-md);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-section-reset.structure-picker-top-reset{position:absolute;top:var(--space-xs);right:var(--space-xs);z-index:2;font-size:calc(8px * var(--ui-scale));padding:calc(2px * var(--ui-scale)) calc(6px * var(--ui-scale));min-height:0}.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}.structure-effect-reset{width:auto;height:auto;min-height:24px;padding:3px 8px;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-body)}.structure-effect-reset:hover{border-color:var(--orange-signal);color:var(--text-key)}.toggle-group{display:flex;gap:var(--space-xs);flex-wrap:wrap}#lumi-channel-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}#lumi-channel-group .toggle-btn{flex:initial}.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-xs)}.ramp-row-label{margin-bottom:-2px}.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;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}.mp-class-filter{padding:var(--space-xs) 0 var(--space-sm)}.mp-class-count{font-family:var(--font-doto);font-variation-settings:"DOTF" 1;color:var(--orange-signal);margin-left:var(--space-2xs)}.mp-class-chip-scroll{display:flex;flex-wrap:wrap;gap:6px;max-height:196px;overflow-y:auto;padding:var(--space-sm);background:#060a0eb8;border:1px solid var(--border-hairline);border-radius:6px;box-shadow:inset 0 1px #ffffff0a,0 4px 18px #00000038;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:var(--orange-signal) transparent}.mp-class-chip-scroll::-webkit-scrollbar{width:5px}.mp-class-chip-scroll::-webkit-scrollbar-thumb{background:#c3b0fd73;border-radius:99px}.mp-class-item{cursor:pointer;margin:0}.mp-class-item:focus-within .mp-class-chip{outline:2px solid var(--orange-signal);outline-offset:1px}.mp-class-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:600;letter-spacing:.03em;line-height:1.25;color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:999px;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.mp-class-item:hover .mp-class-chip{color:var(--text-body);border-color:#c3b0fd59}.mp-class-item.checked .mp-class-chip{color:var(--knob-cap-black);background:var(--orange-signal);border-color:#c3b0fde6;box-shadow:0 0 0 1px #00000026,0 0 12px #c3b0fd59}.mp-class-chip-check{flex-shrink:0}.mp-class-chip-label{white-space:nowrap}.mp-class-empty{width:100%;margin:0;padding:var(--space-sm) 0;text-align:center;font-size:11px;color:var(--text-faint);font-style:italic}.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:9px;letter-spacing:.04em}.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}#track-lines-group{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}#track-lines-group .toggle-btn{flex:initial;font-size:9px;letter-spacing:.04em;padding:var(--space-sm) var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-btn{background:var(--surface-raised);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:4px;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{background:var(--surface-hover);color:var(--text-key)}.toggle-btn.active,.toggle-btn[aria-pressed=true],.toggle-btn[aria-checked=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)}.toggle-btn.is-locked,.color-pick.is-locked,.export-quality-opt.is-locked,.action-btn.is-locked,.knob.is-locked,.param-slider.is-locked{opacity:.45;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{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{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:42px;padding:0;position:relative;overflow:hidden;color:var(--text-on-display);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.6);transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.filter-swatch-group .toggle-btn:hover{transform:scale(1.03);z-index:1}.filter-swatch-group .toggle-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0003,#000000a6);z-index:1;transition:background var(--duration-base) var(--ease-out)}.filter-swatch-group .toggle-btn:hover:before{background:linear-gradient(180deg,#0000001a,#0000008c)}.filter-swatch-group .toggle-btn>*{position:relative;z-index:2}.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=erode]{background:linear-gradient(90deg,#000,#444,#aaa,#fff)}.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]{border:2px solid var(--orange-signal);font-weight:700;box-shadow:inset 0 0 0 2px #ffffff8c}.filter-swatch-group .toggle-btn.active:before,.filter-swatch-group .toggle-btn[aria-checked=true]:before{background:linear-gradient(180deg,#0000000d,#00000073)}.ascii-palette-swatch-group{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);flex-wrap:initial}.ascii-palette-swatch-group .toggle-btn{flex:initial;min-height:48px;padding:0;position:relative;overflow:hidden;color:var(--text-key);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.25;white-space:normal;text-align:center;background:var(--surface-raised);transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ascii-palette-swatch-group .toggle-btn:hover{transform:scale(1.02);z-index:1}.ascii-palette-swatch-group .toggle-btn:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:#060402;border-top:1px solid oklch(0% 0 0 / .35);z-index:1}.ascii-palette-swatch-group .toggle-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:40%;background:linear-gradient(180deg,#0000000f,#00000052);z-index:1;pointer-events:none}.ascii-palette-swatch-group .toggle-btn>span{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;min-height:40%;padding:var(--space-xs) var(--space-sm)}.ascii-palette-swatch-group .toggle-btn[data-value="0"]{background:repeating-linear-gradient(90deg,#0a0a0a 0,#0a0a0a 5px,#e8e8e8 5px,#e8e8e8 7px)}.ascii-palette-swatch-group .toggle-btn[data-value="0"]:after,.ascii-palette-swatch-group .toggle-btn[data-value="1"]:after{bottom:40%}.ascii-palette-swatch-group .toggle-btn:hover:before{background:#0c0805}.ascii-palette-swatch-group .toggle-btn[data-value="1"]{background:linear-gradient(180deg,#111,#111 45%,#888 45%,#888 55%,#111 55%,#111 70%,#ccc 70%,#ccc 80%,#111 80%)}.ascii-palette-swatch-group .toggle-btn[data-value="2"]{background:linear-gradient(135deg,#1a2a1a 0,#1a2a1a 40%,#2a4a2a 40%,#2a4a2a 60%,#1a2a1a 60%),radial-gradient(circle at 25% 35%,#2244cc 0 18%,transparent 18%),radial-gradient(circle at 72% 62%,#cc2222 0 16%,transparent 16%),#0d120d}.ascii-palette-swatch-group .toggle-btn[data-value="3"]{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,255,70,.08) 3px 4px),linear-gradient(180deg,#001a00,#030 40%,#010)}.ascii-palette-swatch-group .toggle-btn[data-value="3"]>span{color:#b8ffb8}.ascii-palette-swatch-group .toggle-btn[data-value="4"]{background:linear-gradient(180deg,#1a0f00,#ffb000 55%,#f80)}.ascii-palette-swatch-group .toggle-btn[data-value="5"]{background:linear-gradient(90deg,#000,#6a0dad,#ff4500,#ffea00,#fff)}.ascii-palette-swatch-group .toggle-btn.active,.ascii-palette-swatch-group .toggle-btn[aria-checked=true]{border:2px solid var(--orange-signal);font-weight:700;box-shadow:inset 0 0 0 1px #ffffff40;color:var(--text-key)}.ascii-palette-swatch-group .toggle-btn.active:before,.ascii-palette-swatch-group .toggle-btn[aria-checked=true]:before{background:#0c0805;border-top-color:oklch(from var(--orange-signal) l c h / .35)}.ascii-palette-swatch-group .toggle-btn.active>span,.ascii-palette-swatch-group .toggle-btn[aria-checked=true]>span{color:var(--text-key)}.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-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:8%;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:var(--space-lg);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:var(--space-lg);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{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--display-hairline);background:var(--display-bezel);font-size:10px;color:#e2e5e7b3;letter-spacing:.04em}#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}#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;color:#e2e5e7b3;font-style:italic;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#canvas-topbar .topbar-actions{display:flex;gap:var(--space-sm)}#account-widget{display:flex;align-items:center}#canvas-area{flex:1;background:var(--display-screen);display:flex;align-items:center;justify-content:center;position:relative;overflow: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}.wave-welcome-root{line-height:1}.wave-welcome-text{font-family:var(--font-body);font-size:22px;font-weight:600;letter-spacing:.02em;color:var(--orange-signal)}.wave-welcome-letter{white-space:pre}.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.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:.35;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:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}#intro-overlay.hidden{display:none}#intro-panel{background:var(--display-screen);border:1px solid var(--display-hairline);border-radius:10px;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:.35;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:#000000b3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:500;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:14px;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}.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}.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}}.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-error{border-color:var(--state-danger)}.toast.toast-ok{border-color:var(--state-ok)}@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[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-group{display:none}body[data-track-backend]:not([data-track-backend=off]) #track-composite-group{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=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-color-key-auto=on] #color-key-manual-row{display:none}body:not([data-text-overlay-mode=static]) #text-overlay-font-wrap{display:none}body[data-text-overlay-mode=static] #text-overlay-anim-wrap{display:none}body:not([data-feature-layer=on]) #feature-layer-controls-wrap{display:none}body:not([data-text-overlay=on]) #text-overlay-controls-wrap{display:none}body[data-live-audio-quick=off] #live-audio-quick-source{display:none}#live-audio-quick.control-section{padding:var(--space-xs) var(--space-lg)}#live-audio-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))}.live-audio-quick-source{flex:1;min-width:0;height:100%;padding-top:0;padding-bottom:0;font-size:calc(10px * var(--ui-scale))}.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}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:.45;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:.45;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]) #feature-layer-panel-wrap,body:not([data-has-source=true]) #text-overlay-panel-wrap{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{display:flex;align-items:center;gap:var(--space-md)}.topbar-mode .toggle-group{gap:var(--space-2xs)}.topbar-mode .toggle-btn{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}.section-label,.section-sub{font-size:calc(9px * var(--ui-scale))}.stage-divider .stage-sub{font-size:calc(8px * var(--ui-scale))}.toggle-btn{font-size:calc(10px * var(--ui-scale));min-height:calc(34px * var(--ui-scale))}.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))}.grade-section-hint,.structure-section-hint{font-size:calc(10px * var(--ui-scale));line-height:1.5}.grade-section-reset,.structure-section-reset,.structure-effect-reset{font-size:calc(10px * var(--ui-scale));padding:calc(6px * var(--ui-scale)) calc(12px * var(--ui-scale))}.structure-output-group .toggle-btn,#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-swatch-group .toggle-btn{min-height:calc(52px * var(--ui-scale));font-size:calc(11px * var(--ui-scale))}.color-maps-grid .toggle-btn{min-height:calc(38px * var(--ui-scale));font-size:calc(11px * var(--ui-scale))}.color-category-label{font-size:calc(9px * 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-wheel-wrap{height:calc(220px * var(--ui-scale))}@media(min-width:1280px){:root{--sidebar-width: 380px}}@media(min-width:1600px){:root{--sidebar-width: 400px}html,body{font-size:calc(13px * var(--ui-scale))}.logo{font-size:14px}.logo-sub,.stage-divider,.section-label{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}.toggle-btn{font-size:11px;min-height:44px}#track-lines-group .toggle-btn{font-size:10px}.filter-swatch-group .toggle-btn{min-height:48px}.structure-output-group .toggle-btn{min-height:56px}.structure-output-group,#structure-output-group.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}html,body{font-size:calc(14px * var(--ui-scale))}.logo{font-size:15px}.logo-sub,.stage-divider,.section-label{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}.toggle-btn{font-size:12px;min-height:44px}#track-lines-group .toggle-btn{font-size:11px}.filter-swatch-group .toggle-btn{min-height:54px}.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}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}.toggle-btn{font-size:13px;min-height:44px}.filter-swatch-group .toggle-btn{min-height:60px}.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;border-right:none;border-bottom:1px solid var(--border-hairline)}.filter-swatch-group,.knob-grid{grid-template-columns:repeat(4,1fr)}.structure-output-group .toggle-btn{min-height:calc(48px * var(--ui-scale))}.structure-output-group,#structure-output-group.structure-output-group{grid-template-columns:repeat(2,1fr)}#canvas-topbar .topbar-title{display:none}.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}.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:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.okdrift-rel-select{flex:1;min-width:0;background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--text-key);font-size:10px;font-family:inherit;padding:3px 6px;border-radius:4px;cursor:pointer;outline:none}.okdrift-rel-select:hover,.okdrift-rel-select:focus{border-color:var(--orange-signal)}.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;border-radius:4px;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:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-body);line-height:1.2}.knob-mod-select{width:100%;min-width:0;background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text-key);font-size:12px;font-family:inherit;font-weight:500;padding:7px 28px 7px 10px;border-radius:6px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;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}.knob-mod-select:hover,.knob-mod-select:focus{border-color:var(--orange-signal);background-color:var(--surface-hover)}.knob-mod-select option{background:var(--bg-stage);color:var(--text-key);font-size:12px}.knob-mod-src-desc{margin:0;font-size:10.5px;line-height:1.4;color:var(--text-muted)}.knob-mod-knob-grid{display:flex;justify-content:space-between;gap:var(--space-sm);margin:var(--space-md) 0 var(--space-sm);padding:var(--space-sm) var(--space-xs) 0;border:1px solid var(--border-hairline);border-radius:8px;background:var(--surface-sunken, var(--bg-stage))}.knob-mod-knob-grid .knob-mod-mini-knob{flex:1;min-width:0}.knob-mod-knob-grid .knob-val{display:none}.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%),#0000008c}#intro-panel{max-width:min(760px,92vw);padding:0;border-radius:14px;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-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:4px;accent-color:var(--orange-signal);cursor:pointer;flex-shrink:0}/*! 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;--tw-content:""}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--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;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-widest:.1em;--radius-md:.375rem;--radius-lg:.5rem;--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}.inset-y-0{inset-block:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-10{z-index:10}.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}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.\!flex{display:flex!important}.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)}.size-full{width:100%;height:100%}.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}.h-full{height:100%}.\!min-h-\[36px\]{min-height:36px!important}.w-1{width:var(--spacing)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.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-72{width:calc(var(--spacing) * 72)}.w-\[7px\]{width:7px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\[62rem\]{max-width:62rem}.\!min-w-0{min-width:0!important}.min-w-0{min-width:0}.min-w-full{min-width:100%}.\!flex-none{flex:none!important}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-center{transform-origin:50%}.-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}.touch-none{touch-action:none}.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-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible\!{overflow:visible!important}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.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-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border-hairline{border-color:var(--color-border-hairline)}.border-knob-cap-white{border-color:var(--color-knob-cap-white)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.\!bg-surface-raised\/50{background-color:#181b1e80!important}@supports (color:color-mix(in lab,red,red)){.\!bg-surface-raised\/50{background-color:color-mix(in oklab,var(--color-surface-raised) 50%,transparent)!important}}.\!bg-transparent{background-color:#0000!important}.bg-bg-room{background-color:var(--color-bg-room)}.bg-bg-room\/50{background-color:#06070980}@supports (color:color-mix(in lab,red,red)){.bg-bg-room\/50{background-color:color-mix(in oklab,var(--color-bg-room) 50%,transparent)}}.bg-bg-stage{background-color:var(--color-bg-stage)}.bg-border-hairline{background-color:var(--color-border-hairline)}.bg-orange-signal{background-color:var(--color-orange-signal)}.bg-orange-signal\/15{background-color:#c3b0fd26}@supports (color:color-mix(in lab,red,red)){.bg-orange-signal\/15{background-color:color-mix(in oklab,var(--color-orange-signal) 15%,transparent)}}.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-surface-raised\/50{background-color:#181b1e80}@supports (color:color-mix(in lab,red,red)){.bg-surface-raised\/50{background-color:color-mix(in oklab,var(--color-surface-raised) 50%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-surface-card{--tw-gradient-from:var(--color-surface-card);--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))}.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))}.to-transparent{--tw-gradient-to:transparent;--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)}.p-\[1px\],.p-px{padding:1px}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.px-1{padding-inline:var(--spacing)}.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-2{padding-block:calc(var(--spacing) * 2)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-1\.25{padding-right:calc(var(--spacing) * 1.25)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.\!text-left{text-align:left!important}.\!font-sans{font-family:var(--font-sans)!important}.\[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-\[10px\]{font-size:10px!important}.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)!important;font-weight:var(--font-weight-medium)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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-normal{--tw-tracking:var(--tracking-normal)!important;letter-spacing:var(--tracking-normal)!important}.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-text-key{color:var(--color-text-key)!important}.\!text-text-muted{color:var(--color-text-muted)!important}.text-\[\#22ff73\]{color:#22ff73}.text-\[\#32f3e9\]{color:#32f3e9}.text-\[\#b39aff\]{color:#b39aff}.text-bg-stage{color:var(--color-bg-stage)}.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-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[colors\]{transition-property:colors;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\]{transition-property:scale;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)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-x-0:before{content:var(--tw-content);inset-inline:0}.before\:inset-y-0:before{content:var(--tw-content);inset-block:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:h-\(--top-fade-height\):before{content:var(--tw-content);height:var(--top-fade-height)}.before\:w-\(--left-fade-width\):before{content:var(--tw-content);width:var(--left-fade-width)}.before\:bg-gradient-to-b:before{content:var(--tw-content);--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.before\:bg-gradient-to-r:before{content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.before\:from-surface-card:before{content:var(--tw-content);--tw-gradient-from:var(--color-surface-card);--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))}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to:transparent;--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))}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:opacity-100:before{content:var(--tw-content);opacity:1}.before\:transition-\[height\,opacity\]:before{content:var(--tw-content);transition-property:height,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:transition-\[width\,opacity\]:before{content:var(--tw-content);transition-property:width,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-300:before{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:h-\(--bottom-fade-height\):after{content:var(--tw-content);height:var(--bottom-fade-height)}.after\:w-\(--right-fade-width\):after{content:var(--tw-content);width:var(--right-fade-width)}.after\:bg-gradient-to-l:after{content:var(--tw-content);--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.after\:bg-gradient-to-t:after{content:var(--tw-content);--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.after\:from-surface-card:after{content:var(--tw-content);--tw-gradient-from:var(--color-surface-card);--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))}.after\:to-transparent:after{content:var(--tw-content);--tw-gradient-to:transparent;--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))}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:opacity-100:after{content:var(--tw-content);opacity:1}.after\:transition-\[height\,opacity\]:after{content:var(--tw-content);transition-property:height,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:transition-\[width\,opacity\]:after{content:var(--tw-content);transition-property:width,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@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-surface-raised\/40:hover{background-color:#181b1e66!important}@supports (color:color-mix(in lab,red,red)){.hover\:\!bg-surface-raised\/40:hover{background-color:color-mix(in oklab,var(--color-surface-raised) 40%,transparent)!important}}.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\:bg-surface-raised:hover{background-color:var(--color-surface-raised)}.hover\:text-text-body:hover{color:var(--color-text-body)}.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-orange-signal\/50:focus-visible{--tw-ring-color:#c3b0fd80}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-orange-signal\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-orange-signal) 50%, 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}.active\:scale-x-98:active{--tw-scale-x:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-y-95:active{--tw-scale-y:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:\!bg-surface-raised\/60:active{background-color:#181b1e99!important}@supports (color:color-mix(in lab,red,red)){.active\:\!bg-surface-raised\/60:active{background-color:color-mix(in oklab,var(--color-surface-raised) 60%,transparent)!important}}.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)}}.\[\&_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)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}@media(hover:hover){a.\[a\&\]\:hover\:bg-orange-signal\/90:hover{background-color:#c3b0fde6}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-orange-signal\/90:hover{background-color:color-mix(in oklab,var(--color-orange-signal) 90%,transparent)}}a.\[a\&\]\:hover\:bg-state-danger\/90:hover{background-color:#d74745e6}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-state-danger\/90:hover{background-color:color-mix(in oklab,var(--color-state-danger) 90%,transparent)}}a.\[a\&\]\:hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover)}a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}.option-wheel{--ow-text-color: #a6a6a6;--ow-active-color: #ffffff;--ow-font-size: 3rem;--ow-inset: 80px;position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{position:absolute;top:50%;left:var(--ow-inset);white-space:nowrap;font-size:var(--ow-font-size);line-height:1;font-weight:200;transform-origin:left center;cursor:pointer;will-change:transform,opacity,filter;color:color-mix(in srgb,var(--ow-active-color) calc(var(--ow-p, 0) * 100%),var(--ow-text-color))}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:right center}.option-wheel__item--selected{font-weight:500}