:root{--oklch-ink-0: oklch(98% .005 240);--oklch-ink-100: oklch(94% .01 230);--oklch-ink-200: oklch(78% .012 230);--oklch-ink-300: oklch(55% .012 230);--oklch-ink-400: oklch(35% .01 230);--oklch-ink-500: oklch(22% .008 230);--oklch-ink-700: oklch(13% .01 235);--oklch-ink-800: oklch(10% .012 235);--oklch-ink-900: oklch(7% .012 240);--oklch-cyan-500: oklch(85% .18 210);--oklch-cyan-600: oklch(74% .22 210);--oklch-magenta-500:oklch(67% .3 350);--oklch-magenta-600:oklch(58% .32 350);--oklch-amber-500: oklch(82% .18 85);--oklch-amber-600: oklch(72% .2 75);--oklch-green-500: oklch(85% .2 155);--oklch-red-500: oklch(67% .24 20);--oklch-red-600: oklch(58% .26 18);--oklch-violet-500: oklch(70% .2 295);--oklch-yellow-500: oklch(90% .18 95);--oklch-tan-500: oklch(72% .1 60);--oklch-pink-500: oklch(80% .13 340);--oklch-skyblue-500:oklch(92% .1 205);--color-canvas: var(--oklch-ink-900);--color-surface: var(--oklch-ink-800);--color-surface-elev: var(--oklch-ink-700);--color-surface-sunken: var(--oklch-ink-900);--color-fg: var(--oklch-ink-100);--color-fg-dim: color-mix(in oklch, var(--oklch-ink-100) 58%, transparent);--color-fg-ghost: color-mix(in oklch, var(--oklch-ink-100) 22%, transparent);--color-fg-inverse: var(--oklch-ink-900);--color-line-hairline: color-mix(in oklch, var(--oklch-ink-100) 8%, transparent);--color-line: color-mix(in oklch, var(--oklch-ink-100) 16%, transparent);--color-line-strong: color-mix(in oklch, var(--oklch-ink-100) 28%, transparent);--color-line-accent: color-mix(in oklch, var(--oklch-cyan-500) 55%, transparent);--color-idle: var(--oklch-cyan-500);--color-idle-soft: color-mix(in oklch, var(--oklch-cyan-500) 45%, transparent);--color-hover: var(--oklch-cyan-500);--color-pressed: var(--oklch-cyan-600);--color-active: var(--oklch-cyan-500);--color-armed: var(--oklch-amber-500);--color-armed-soft: color-mix(in oklch, var(--oklch-amber-500) 35%, transparent);--color-firing: var(--oklch-cyan-500);--color-just-fired: var(--oklch-ink-0);--color-disconnected: var(--oklch-ink-300);--color-error: var(--oklch-red-500);--color-error-soft: color-mix(in oklch, var(--oklch-red-500) 35%, transparent);--color-incoming: var(--oklch-magenta-500);--color-incoming-soft: color-mix(in oklch, var(--oklch-magenta-500) 35%, transparent);--color-latency-warn: var(--oklch-amber-500);--color-ok: var(--oklch-green-500);--color-destructive: var(--oklch-red-500);--color-destructive-press:var(--oklch-red-600);--color-focus: var(--oklch-cyan-500);--cat-destructive: var(--oklch-red-500);--cat-scene: var(--oklch-green-500);--cat-fx-chain: var(--oklch-cyan-500);--cat-texture: var(--oklch-violet-500);--cat-atmospheric: var(--oklch-magenta-500);--cat-synth-preset: var(--oklch-pink-500);--cat-key-change: var(--oklch-skyblue-500);--cat-armed: var(--oklch-amber-500);--cat-idle: var(--oklch-ink-200);--cat-accent: var(--oklch-yellow-500)}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--space-10: 96px;--touch-target-min: 44px;--touch-spacing-min: 8px;--chrome-bar-h: 48px}:root{--radius-none: 0;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 8px;--radius-5: 12px;--radius-6: 16px;--radius-full: 9999px}:root{--font-display: "Big Shoulders", "Archivo Narrow", "Inter Tight", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-display: 38px;--leading-tight: 1.05;--leading-snug: 1.2;--leading-base: 1.45;--leading-loose: 1.65;--tracking-tightest: -.04em;--tracking-tighter: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .12em;--tracking-widest: .22em;--tracking-caps: .08em;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 800}:root{--motion-instant: 50ms;--motion-fast: .12s;--motion-normal: .2s;--motion-slow: .36s;--motion-slower: .6s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-beat: cubic-bezier(.4, 0, .2, 1);--bpm: 120;--beat-ms: .5s;--bar-ms: 2s;--half-beat-ms: .25s;--double-bar-ms: 4s}:root{--shadow-rest: 0 1px 0 color-mix(in oklch, white 4%, transparent) inset, 0 4px 12px rgba(0,0,0,.3);--shadow-elevated: 0 1px 0 color-mix(in oklch, white 6%, transparent) inset, 0 8px 28px rgba(0,0,0,.45);--shadow-overlay: 0 1px 0 color-mix(in oklch, white 8%, transparent) inset, 0 20px 48px rgba(0,0,0,.6);--glow-rest: 0 0 18px color-mix(in oklch, var(--oklch-cyan-500) 45%, transparent);--glow-armed: 0 0 18px color-mix(in oklch, var(--oklch-amber-500) 45%, transparent);--glow-live: 0 0 14px color-mix(in oklch, var(--oklch-green-500) 50%, transparent);--glow-fault: 0 0 18px color-mix(in oklch, var(--oklch-red-500) 45%, transparent)}:root{--border-hairline: 1px solid var(--color-line-hairline);--border-default: 1px solid var(--color-line);--border-strong: 1px solid var(--color-line-strong);--border-accent: 1px solid var(--color-line-accent);--border-armed: 1px dashed var(--color-armed);--border-error: 1px solid var(--color-error);--border-disconnected: 1px solid var(--color-disconnected)}:root{--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-header: 200;--z-diag: 300;--z-modal: 1000;--z-toast: 2000}:root{--density-pad-x: var(--space-3);--density-pad-y: var(--space-2);--density-gap: var(--space-2);--density-btn-min-h: var(--touch-target-min);--density-panel-pad: var(--space-4)}:root[data-density=compact]{--density-pad-x: var(--space-2);--density-pad-y: var(--space-1);--density-gap: var(--space-1);--density-panel-pad: var(--space-3)}:root[data-density=dense]{--density-pad-x: var(--space-1);--density-pad-y: var(--space-1);--density-gap: var(--space-1);--density-panel-pad: var(--space-2)}:root{--safe-top: env(safe-area-inset-top, 0);--safe-right: env(safe-area-inset-right, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--safe-left: env(safe-area-inset-left, 0)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms;--motion-slow: 0ms;--motion-slower: 0ms}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.transpose-cell[data-armed=true],.sine-lfo[data-state=armed],.macro-item[data-state=armed],.seq[data-arm-state=armed],.timeline-ruler-armed{animation-duration:var(--beat-ms, .7s)!important;animation-iteration-count:infinite!important}.beat-ring .ring-dot{animation-duration:var(--bar-ms)!important;animation-iteration-count:infinite!important}.pulse{animation-duration:6s!important;animation-iteration-count:infinite!important}}:where(button,a,[role=button],[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-3)}.hit-44{min-block-size:var(--touch-target-min);min-inline-size:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}:root,.skin{--sk-canvas: #03060c;--sk-canvas-tex: radial-gradient(90% 80% at 50% 120%, #07294a, transparent 62%);--sk-scan: none;--sk-panel: #0a1624;--sk-sunken: #050b14;--sk-c-canvas: #03060c;--sk-c-panel: #0a1624;--sk-c-sunken: #050b14;--sk-line: #1d4a6b;--sk-line-lit: #00d9ff;--sk-ink: #c7f2ff;--sk-ink-dim: #6f9cb8;--sk-ink-ghost: #3f6178;--sk-ink-on-live: #02141c;--sk-rest-bg: linear-gradient(180deg, #0c1e30, #06111c);--sk-rest-edge: #1d4a6b;--sk-armed-bg: linear-gradient(180deg, #33240c, #1a1206);--sk-armed-edge: #ffab2e;--sk-armed-ink: #ffc670;--sk-live-bg: linear-gradient(180deg, #5ff0ff, #00a8d6);--sk-live-edge: #a8f6ff;--sk-fault: #ff4d5e;--sk-glow-rest: 0 0 22px -14px #00d9ff;--sk-glow-armed: 0 0 26px -10px #ffab2eaa;--sk-glow-live: 0 0 46px -4px #00d9ffcc;--sk-radius: 10px;--sk-border: 1px;--sk-drop: 0 0 0 transparent;--sk-font: "Big Shoulders", "Oswald", "Arial Narrow", sans-serif;--sk-weight: 700;--sk-track: .05em;--sk-case: uppercase;--hue: transparent;--hue-ink: var(--sk-ink)}:root[data-skin=phosphor],.skin[data-skin=phosphor]{--sk-canvas: #030a06;--sk-canvas-tex: radial-gradient(85% 78% at 50% 46%, #0b2417, transparent 72%);--sk-scan: repeating-linear-gradient(0deg, #00000059 0 1px, transparent 1px 3px);--sk-panel: #07180f;--sk-sunken: #04120b;--sk-c-canvas: #030a06;--sk-c-panel: #07180f;--sk-c-sunken: #04120b;--sk-line: #1d6b41;--sk-line-lit: #5dffa0;--sk-ink: #8dffbd;--sk-ink-dim: #3f9c68;--sk-ink-ghost: #23603f;--sk-ink-on-live: #03150b;--sk-rest-bg: radial-gradient(120% 130% at 50% 20%, #0a2417, #04120b);--sk-rest-edge: #2fae6b;--sk-armed-bg: radial-gradient(120% 130% at 50% 20%, #2a2a0d, #141405);--sk-armed-edge: #d8ff5d;--sk-armed-ink: #d8ff5d;--sk-live-bg: linear-gradient(180deg, #7dffb8, #31d97a);--sk-live-edge: #b6ffd6;--sk-fault: #ff6b5a;--sk-glow-rest: 0 0 18px -8px #2fff80aa;--sk-glow-armed: 0 0 24px -10px #d8ff5daa;--sk-glow-live: 0 0 44px -6px #5dffa0cc;--sk-radius: 4px;--sk-border: 1px;--sk-font: var(--font-mono);--sk-weight: 400;--sk-track: .16em}:root[data-skin=vector],.skin[data-skin=vector]{--sk-canvas: #050505;--sk-canvas-tex: none;--sk-panel: transparent;--sk-sunken: transparent;--sk-c-canvas: #050505;--sk-c-panel: #0b0b0b;--sk-c-sunken: #030303;--sk-line: #7a5a10;--sk-line-lit: #ffc23d;--sk-ink: #ffc23d;--sk-ink-dim: #9c7420;--sk-ink-ghost: #5e460f;--sk-ink-on-live: #0a0700;--sk-rest-bg: transparent;--sk-rest-edge: #ffc23d;--sk-armed-bg: transparent;--sk-armed-edge: #ff6a2d;--sk-armed-ink: #ff8f5c;--sk-live-bg: #ffc23d;--sk-live-edge: #ffe9b0;--sk-fault: #ff4a2d;--sk-glow-rest: 0 0 16px -6px #ffc23d66;--sk-glow-armed: 0 0 24px -8px #ff6a2daa;--sk-glow-live: 0 0 46px -4px #ffc23dcc;--sk-radius: 0px;--sk-border: 2px}:root[data-skin=blacklight],.skin[data-skin=blacklight]{--sk-canvas: #0b0418;--sk-canvas-tex: radial-gradient(95% 85% at 50% 8%, #2a0f52, transparent 68%);--sk-panel: #1a0a34;--sk-sunken: #0d0420;--sk-c-canvas: #0b0418;--sk-c-panel: #1a0a34;--sk-c-sunken: #0d0420;--sk-line: #6b34c4;--sk-line-lit: #c8ff3d;--sk-ink: #e6ff9a;--sk-ink-dim: #a98fe0;--sk-ink-ghost: #6a4fa0;--sk-ink-on-live: #12180a;--sk-rest-bg: linear-gradient(180deg, #24104a, #140626);--sk-rest-edge: #6b34c4;--sk-armed-bg: linear-gradient(180deg, #3a1050, #1d0828);--sk-armed-edge: #ff3dd0;--sk-armed-ink: #ff8fe4;--sk-live-bg: linear-gradient(180deg, #d9ff5e, #a8e01f);--sk-live-edge: #eaff9e;--sk-fault: #ff3d6a;--sk-glow-rest: 0 0 20px -12px #8b45ff;--sk-glow-armed: 0 0 26px -8px #ff3dd0aa;--sk-glow-live: 0 0 48px -4px #c8ff3dcc;--sk-radius: 9px;--sk-border: 1px}:root[data-skin=thermal],.skin[data-skin=thermal]{--sk-canvas: #050208;--sk-canvas-tex: radial-gradient(90% 80% at 50% 110%, #2b0a3d, transparent 62%);--sk-panel: #180620;--sk-sunken: #12040f;--sk-c-canvas: #050208;--sk-c-panel: #180620;--sk-c-sunken: #12040f;--sk-line: #6b2452;--sk-line-lit: #ff8a3d;--sk-ink: #ffd9a8;--sk-ink-dim: #c98fb5;--sk-ink-ghost: #7d4f70;--sk-ink-on-live: #2b0a08;--sk-rest-bg: radial-gradient(130% 130% at 50% 120%, #5c1a4a, #160518 62%);--sk-rest-edge: #6b2452;--sk-armed-bg: radial-gradient(130% 140% at 50% 120%, #c9402f, #3d0a1c 70%);--sk-armed-edge: #ff8a3d;--sk-armed-ink: #ffd166;--sk-live-bg: radial-gradient(130% 150% at 50% 120%, #fffbe8 0%, #ffd166 22%, #ff8a3d 45%, #e0342f 68%, #7d1240 100%);--sk-live-edge: #fff3c4;--sk-fault: #ff2d2d;--sk-glow-rest: 0 0 20px -14px #ff5a3d;--sk-glow-armed: 0 0 30px -10px #e0342faa;--sk-glow-live: 0 0 52px -6px #ff8a3dcc;--sk-radius: 10px;--sk-border: 1px}:root[data-skin=machined],.skin[data-skin=machined]{--sk-canvas: radial-gradient(120% 90% at 50% -10%, #31343a 0%, #1b1d20 45%, #0e0f11 100%);--sk-canvas-tex: radial-gradient(70% 55% at 50% 0%, #ffffff0f, transparent 70%);--sk-scan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");--sk-panel: repeating-linear-gradient(90deg, #ffffff07 0 1px, #00000008 1px 3px), linear-gradient(180deg, #4c5158 0%, #3a3e44 42%, #2e3238 100%);--sk-sunken: linear-gradient(180deg, #0b0c0e 0%, #151719 100%);--sk-c-canvas: #1b1d20;--sk-c-panel: #3a3e44;--sk-c-sunken: #101317;--sk-line: #565b63;--sk-line-lit: #ffb457;--sk-ink: #f2f5f9;--sk-ink-dim: #a7aeb8;--sk-ink-ghost: #6d747e;--sk-ink-on-live: #3a1c00;--sk-rest-bg: linear-gradient(180deg, #ffffff14 0%, transparent 42%), linear-gradient(180deg, #52575f 0%, #3d424a 46%, #31353c 54%, #22262b 100%);--sk-rest-edge: #101216;--sk-armed-bg: linear-gradient(180deg, #ffffff12 0%, transparent 42%), linear-gradient(180deg, #6b5433 0%, #4d3a1f 46%, #3c2c16 54%, #26190b 100%);--sk-armed-edge: #1a1206;--sk-armed-ink: #ffd9a4;--sk-live-bg: radial-gradient(120% 150% at 50% 28%, #fff6e2 0%, #ffd79a 26%, #ffb457 52%, #e08a2c 76%, #a35b12 100%);--sk-live-edge: #2a1804;--sk-fault: #e8402f;--sk-glow-rest: inset 0 1px 0 #ffffff3d, inset 0 -1px 0 #00000099, inset 0 16px 20px -16px #ffffff26, inset 0 -18px 22px -14px #00000082, 0 7px 16px -7px #000000d9, 0 1px 2px #00000073;--sk-glow-armed: inset 0 1px 0 #ffd9a43d, inset 0 -1px 0 #00000099, inset 0 14px 20px -14px #ffb45733, inset 0 -18px 22px -14px #00000082, 0 7px 16px -7px #000000d9, 0 0 22px -8px #b87a2e80;--sk-glow-live: inset 0 1px 0 #fff6e26b, inset 0 -2px 6px -2px #a35b1273, 0 7px 16px -7px #000000d9, 0 0 34px -6px #ffb457b8, 0 0 74px -18px #ffb45785;--sk-radius: 9px;--sk-border: 1px;--sk-drop: 0 0 0 transparent;--sk-weight: 700;--sk-track: .07em}:root[data-skin=obsidian],.skin[data-skin=obsidian]{--sk-canvas: radial-gradient(140% 105% at 50% -20%, #22262c 0%, #101216 42%, #040507 100%);--sk-canvas-tex: radial-gradient(62% 42% at 50% -6%, #ffffff12, transparent 72%);--sk-scan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='3' seed='7' stitchTiles='stitch' result='n'/%3E%3CfeSpecularLighting in='n' surfaceScale='1.6' specularConstant='0.85' specularExponent='24' lighting-color='%23ffffff' result='s'%3E%3CfeDistantLight azimuth='235' elevation='58'/%3E%3C/feSpecularLighting%3E%3CfeComposite in='s' in2='SourceGraphic' operator='in'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23s)' opacity='0.062'/%3E%3C/svg%3E");--sk-panel: radial-gradient(120% 78% at 50% -12%, #ffffff12, transparent 62%), conic-gradient(from 205deg at 50% 46%, #ffffff0d, #00000012, #ffffff09, #00000010, #ffffff0d), linear-gradient(180deg, #1d2126 0%, #141719 52%, #0b0d10 100%);--sk-sunken: linear-gradient(180deg, #040506 0%, #0c0e11 62%, #101317 100%);--sk-c-canvas: #14171b;--sk-c-panel: #171a1e;--sk-c-sunken: #0b0d10;--sk-line: #4d545d;--sk-line-lit: #eaf4ff;--sk-ink: #f6f9fd;--sk-ink-dim: #9ba4af;--sk-ink-ghost: #5f6874;--sk-ink-on-live: #071018;--sk-rest-bg: radial-gradient(88% 56% at 50% -10%, #ffffff30 0%, #ffffff0a 44%, transparent 72%), conic-gradient(from 205deg at 50% 45%, #ffffff10, #00000016, #ffffff0b, #00000012, #ffffff10), linear-gradient(180deg, #2c313a 0%, #1a1e24 46%, #12151a 54%, #090b0e 100%);--sk-rest-edge: #05070a;--sk-armed-bg: radial-gradient(88% 56% at 50% -10%, #ffe9c033 0%, #ffd9a00c 44%, transparent 72%), conic-gradient(from 205deg at 50% 45%, #ffffff0e, #00000016, #ffffff09, #00000012, #ffffff0e), linear-gradient(180deg, #5a4526 0%, #3a2c17 46%, #2a2011 54%, #150f07 100%);--sk-armed-edge: #0b0805;--sk-armed-ink: #ffe3ae;--sk-live-bg: radial-gradient(100% 135% at 50% 24%, #ffffff 0%, #f2f9ff 18%, #cfe6fa 42%, #8dbde4 68%, #3d7fb4 100%);--sk-live-edge: #0a141c;--sk-fault: #ff3b30;--sk-glow-rest: inset 0 1px 0 #ffffff66, inset 0 0 0 1px #ffffff14, inset 0 -1px 0 #000000b8, inset 0 22px 28px -24px #ffffff33, inset 0 -24px 28px -18px #000000ad, 0 1px 1px #000000b8, 0 10px 22px -8px #000000cc, 0 26px 48px -20px #000000a1;--sk-glow-armed: inset 0 1px 0 #ffe3ae5c, inset 0 0 0 1px #ffd9a018, inset 0 -1px 0 #000000b8, inset 0 20px 26px -22px #ffd9a03d, inset 0 -24px 28px -18px #000000ad, 0 1px 1px #000000b8, 0 10px 22px -8px #000000cc, 0 0 26px -10px #c9902f66;--sk-glow-live: inset 0 1px 0 #ffffff8c, inset 0 0 0 1px #ffffff2e, inset 0 -3px 8px -3px #2f6ea866, 0 1px 1px #000000b8, 0 10px 22px -8px #000000cc, 0 0 30px -4px #cfe6facc, 0 0 66px -14px #8dbde49e, 0 0 120px -30px #eaf4ff7a;--sk-radius: 11px;--sk-border: 1px;--sk-drop: 0 0 0 transparent;--sk-weight: 700;--sk-track: .07em}:root,.skin{--color-canvas: var(--sk-c-canvas);--color-surface: var(--sk-c-panel);--color-surface-elev: var(--sk-c-panel);--color-surface-sunken: var(--sk-c-sunken);--color-fg: var(--sk-ink);--color-fg-dim: var(--sk-ink-dim);--color-fg-ghost: var(--sk-ink-ghost);--color-fg-inverse: var(--sk-ink-on-live);--color-line-hairline: color-mix(in oklab, var(--sk-line) 40%, transparent);--color-line: var(--sk-line);--color-line-strong: color-mix(in oklab, var(--sk-line) 70%, var(--sk-line-lit));--color-line-accent: color-mix(in oklab, var(--sk-line-lit) 55%, transparent);--color-idle: var(--sk-line-lit);--color-idle-soft: color-mix(in oklab, var(--sk-line-lit) 45%, transparent);--color-hover: var(--sk-line-lit);--color-pressed: color-mix(in oklab, var(--sk-line-lit) 78%, #000);--color-active: var(--sk-line-lit);--color-armed: var(--sk-armed-ink);--color-armed-soft: color-mix(in oklab, var(--sk-armed-ink) 35%, transparent);--color-firing: var(--sk-line-lit);--color-just-fired: var(--sk-live-edge);--color-disconnected: var(--sk-ink-ghost);--color-error: var(--sk-fault);--color-error-soft: color-mix(in oklab, var(--sk-fault) 35%, transparent);--color-incoming: var(--sk-armed-ink);--color-incoming-soft: color-mix(in oklab, var(--sk-armed-ink) 35%, transparent);--color-latency-warn: var(--sk-armed-ink);--color-ok: var(--sk-line-lit);--color-destructive: var(--sk-fault);--color-destructive-press: color-mix(in oklab, var(--sk-fault) 80%, #000);--color-focus: var(--sk-line-lit);--glow-rest: var(--sk-glow-rest);--glow-live: var(--sk-glow-live);--glow-armed: var(--sk-glow-armed);--glow-fault: 0 0 22px -6px var(--sk-fault);--radius-1: calc(var(--sk-radius) * .2);--radius-2: calc(var(--sk-radius) * .4);--radius-3: calc(var(--sk-radius) * .6);--radius-4: calc(var(--sk-radius) * .8);--radius-5: var(--sk-radius);--radius-6: calc(var(--sk-radius) * 1.5)}.shell.skin{background:var(--sk-canvas);position:relative}.shell.skin:before{content:"";position:absolute;inset:0;background-image:var(--sk-canvas-tex);pointer-events:none;z-index:0}.shell.skin:after{content:"";position:absolute;inset:0;background-image:var(--sk-scan);pointer-events:none;z-index:0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--color-canvas);color:var(--color-fg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body{background:radial-gradient(ellipse 100% 60% at 50% 0%,color-mix(in oklch,var(--color-idle) 5%,transparent),transparent 60%),radial-gradient(ellipse 70% 40% at 100% 100%,color-mix(in oklch,var(--color-incoming) 4%,transparent),transparent 60%),var(--color-canvas)}body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:1px;pointer-events:none;z-index:var(--z-raised)}body:before{left:6px;background:linear-gradient(180deg,transparent,var(--color-idle),transparent);opacity:.35}body:after{right:6px;background:linear-gradient(180deg,transparent,var(--color-incoming),transparent);opacity:.35}#root{width:100vw;min-height:100vh;position:relative;z-index:var(--z-base)}.viewport-fit{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-canvas)}.shell{display:grid;grid-template-rows:auto 1fr;gap:0;padding:0 0 var(--safe-bottom) 0;position:relative;z-index:var(--z-base);transform-origin:center center;flex:0 0 auto}.shell[data-edit=true]:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid color-mix(in oklch,var(--color-idle) 65%,transparent);box-shadow:0 0 16px color-mix(in oklch,var(--color-idle) 25%,transparent);z-index:var(--z-overlay, 100)}.shell[data-bar-position=bottom]{grid-template-rows:1fr auto}.shell[data-bar-position=bottom]>.main{order:1}.shell[data-bar-position=bottom]>.hdr{order:2;padding-top:2px;padding-bottom:calc(2px + var(--safe-bottom))}.shell[data-bar-position=bottom]>.hdr:before{top:0;bottom:auto}.shell>.hdr{padding-left:calc(var(--space-5) + var(--safe-right));padding-right:calc(var(--space-5) + var(--safe-left));padding-top:calc(2px + var(--safe-top));padding-bottom:2px}.hdr{display:grid;grid-template-columns:.68fr auto 1.32fr;align-items:center;gap:var(--space-3);min-height:32px;background:linear-gradient(180deg,var(--color-surface-elev) 0%,var(--color-surface) 60%,transparent 100%);position:relative;overflow:hidden}.shell[data-orientation=portrait] .hdr{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.hdr-left,.hdr-left-performance{justify-self:start}.tempo-box{justify-self:center}.hdr-right,.hdr-right-performance{justify-self:end}.hdr-left,.hdr-right{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.hdr:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-idle),transparent);opacity:.5}.wordmark{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:var(--weight-black);font-size:14px;letter-spacing:var(--tracking-tightest);-webkit-user-select:none;user-select:none}.edit-test-toggle{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-fg-dim);border-radius:6px;transition:color .12s,background .12s}.edit-test-toggle[data-on=true]{color:var(--color-armed)}.hdr-undo-btn,.hdr-redo-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-fg-dim);border-radius:6px;transition:color .12s,background .12s,opacity .12s}.hdr-undo-btn:disabled,.hdr-redo-btn:disabled{opacity:.35;cursor:default}.settings-gear{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-fg-dim);border-radius:6px;transition:color .12s,background .12s}.wordmark-dot{display:inline-block;width:6px;height:6px;background:var(--color-incoming);border-radius:50%;animation:dot-pulse var(--beat-ms) ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.wordmark-menu{appearance:none;background:transparent;border:none;padding:2px 5px;margin:-2px -5px;border-radius:var(--radius-2);cursor:pointer;color:inherit;transition:background .12s}.canvas-ctx-backdrop{position:fixed;inset:0;z-index:var(--z-overlay, 100);background:transparent}.canvas-ctx-menu{position:fixed;z-index:calc(var(--z-overlay, 100) + 1);min-width:150px;display:flex;flex-direction:column;padding:4px;background:var(--color-surface-elev);border:1px solid var(--color-line-strong, var(--color-line));border-radius:var(--radius-2);box-shadow:0 8px 28px #00000080}.canvas-ctx-item{appearance:none;cursor:pointer;text-align:left;padding:8px 10px;background:transparent;border:none;color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-radius:var(--radius-sm, 4px);-webkit-user-select:none;user-select:none}.canvas-ctx-item[data-active=true]{color:var(--color-idle)}.item-ctx-backdrop{position:fixed;inset:0;z-index:calc(var(--z-overlay, 100) + 2);background:transparent}.item-ctx-menu{position:fixed;z-index:calc(var(--z-overlay, 100) + 3);min-width:178px;display:flex;flex-direction:column;padding:4px;background:var(--sk-c-panel);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * 1.2);box-shadow:var(--sk-glow-rest),0 18px 44px -16px #000000e6;-webkit-user-select:none;user-select:none;max-width:260px}.item-ctx-head{display:flex;flex-direction:column;gap:1px;padding:5px 9px 6px;margin-bottom:3px;border-left:2px solid var(--hue-ink);border-radius:calc(var(--sk-radius) * .5);background:linear-gradient(90deg,var(--t-panel),transparent 82%),color-mix(in oklch,var(--sk-line-lit) 13%,transparent);overflow:hidden}.item-ctx-kind{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);font-size:11px;line-height:1.25;color:var(--sk-ink)}.item-ctx-name{font-family:var(--font-mono);font-size:9px;line-height:1.4;color:var(--sk-ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-ctx-row{appearance:none;cursor:pointer;display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:7px 12px 7px 8px;background:transparent;border:none;border-radius:calc(var(--sk-radius) * .6);color:var(--sk-ink);font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:12px;line-height:1;letter-spacing:var(--sk-track);text-transform:var(--sk-case);transition:background .11s ease,color .11s ease}.item-ctx-label{flex:1 1 auto}.item-ctx-glyph{width:15px;height:15px;flex:0 0 auto;color:var(--sk-ink-dim);transition:color .11s ease}.item-ctx-row[data-tone=destructive]{color:var(--sk-fault)}.item-ctx-row[data-tone=destructive] .item-ctx-glyph{color:color-mix(in oklch,var(--sk-fault) 68%,transparent)}.item-ctx-row:active{background:color-mix(in oklch,var(--sk-line-lit) 22%,transparent)}.item-ctx-row[data-tone=destructive]:active{background:color-mix(in oklch,var(--sk-fault) 24%,transparent)}.item-ctx-sep{height:var(--sk-border);margin:4px 6px;background:var(--sk-line);opacity:.55}.tempo-box{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px 8px;border:var(--border-default);border-radius:var(--radius-2);background:color-mix(in oklch,var(--color-surface-sunken) 55%,transparent)}.phase-strip{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;border:var(--border-default);display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 8px;min-width:64px;height:28px;background:var(--color-surface-sunken);border-radius:var(--radius-2);color:var(--color-fg-dim);transition:opacity .2s,color .16s,border-color .16s,box-shadow .16s;-webkit-user-select:none;user-select:none}.phase-strip[data-playing=false]{border-color:color-mix(in oklch,var(--color-armed) 60%,transparent);background:color-mix(in oklch,var(--color-armed) 8%,var(--color-surface-sunken));color:var(--color-armed)}.phase-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--color-fg-dim);opacity:.35;transition:background-color .12s ease-out,opacity .12s ease-out,box-shadow .12s ease-out}.phase-dot[data-active=true]{background:var(--color-idle);opacity:1;box-shadow:var(--glow-rest)}.phase-strip[data-playing=false] .phase-dot,.phase-strip[data-playing=false] .phase-dot[data-active=true]{background:var(--color-armed);opacity:.4;box-shadow:none}.practice-transport{display:inline-flex;align-items:center;gap:6px}.practice-playstop,.practice-tap,.practice-sig{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;border:var(--border-default);display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 8px;min-width:28px;background:var(--color-surface-sunken);border-radius:var(--radius-2);color:var(--color-fg-dim);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);transition:color .16s,border-color .16s,box-shadow .16s,filter .16s;-webkit-user-select:none;user-select:none}.practice-playstop{font-size:var(--text-sm);color:var(--color-idle)}.practice-sig{font-variant-numeric:tabular-nums;letter-spacing:.02em}.practice-transport[data-playing=true] .practice-playstop{filter:drop-shadow(0 0 4px color-mix(in oklch,var(--color-idle) 50%,transparent))}.live-transport .live-indicator{cursor:default;pointer-events:none}.live-transport[data-playing=true] .practice-playstop{color:var(--color-incoming)}.live-transport[data-playing=true] .phase-strip{border-color:color-mix(in oklch,var(--color-incoming) 30%,transparent)}.bpm{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-xl);color:var(--color-fg);letter-spacing:var(--tracking-tightest);line-height:1;text-align:right;font-variant-numeric:tabular-nums;transition:opacity .2s,color .2s,border-color .2s,box-shadow .16s}.bpm[data-slaved=true]{color:var(--color-incoming);cursor:default}.bar-counter{display:inline-flex;align-items:center;justify-content:center;width:76px;height:28px;padding:0 8px;border:var(--border-default);border-radius:var(--radius-2);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-fg-dim)}.bar-counter-val{pointer-events:none;display:inline-flex;align-items:baseline}.bar-counter-val .bc-bar,.bar-counter-val .bc-beat,.bar-counter-val .bc-sub{display:inline-block;font-variant-numeric:tabular-nums}.bar-counter-val .bc-bar{min-width:3ch;text-align:right}.bar-counter-val .bc-beat{min-width:1ch;text-align:center}.bar-counter-val .bc-sub{min-width:2ch;text-align:left}.bar-counter-val .bc-sep{opacity:.55}.bar-counter[data-live=true]{cursor:ns-resize;touch-action:none;color:var(--color-incoming);border-color:color-mix(in oklch,var(--color-incoming) 30%,transparent)}.bar-counter[data-dragging=true]{border-color:var(--color-incoming);box-shadow:0 0 0 1px var(--color-incoming) inset}.bar-counter-offset{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-dim);-webkit-user-select:none;user-select:none}.bar-counter-offset[data-dragging=true]{color:var(--color-incoming)}.bpm-drag{-webkit-tap-highlight-color:transparent;appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--radius-2);padding:2px 6px;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.bpm-drag[data-dragging=true]{border-color:var(--color-incoming);color:var(--color-incoming);box-shadow:0 0 16px color-mix(in oklch,var(--color-incoming) 50%,transparent)}.bpm-drag small{pointer-events:none}.link-toggle:disabled{cursor:not-allowed;opacity:.25}.bpm small{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:var(--tracking-caps);color:var(--color-fg-dim);font-weight:var(--weight-regular);margin-top:1px;text-transform:uppercase}.canvas-placeholder{display:grid;place-items:center;background:var(--color-surface);position:relative;overflow:hidden;touch-action:none}.canvas-placeholder:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklch,var(--color-fg) 8%,transparent) 1px,transparent 0);background-size:16px 16px;pointer-events:none;opacity:.35}.placeholder{position:relative;text-align:center;padding:var(--space-7) var(--space-7);display:flex;flex-direction:column;gap:var(--space-3);align-items:center;background:color-mix(in oklch,var(--color-armed) 6%,var(--color-surface-sunken));border:1px dashed var(--color-armed);border-radius:var(--radius-4);min-width:320px}.placeholder-title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-2xl);color:var(--color-armed);letter-spacing:var(--tracking-tighter);text-shadow:var(--glow-armed)}.placeholder-sub{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-fg-dim);letter-spacing:.02em}.placeholder-stat{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg);letter-spacing:var(--tracking-wider);background:var(--color-surface-sunken);border:var(--border-default);border-radius:var(--radius-2);padding:var(--space-2) var(--space-4);font-variant-numeric:tabular-nums}.placeholder-stat b{color:var(--color-armed)}.link-toggle{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-fg-dim);border-radius:var(--radius-2);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:color .12s,border-color .12s,box-shadow .16s,background-color .16s;-webkit-user-select:none;user-select:none;opacity:.65}.link-toggle .link-peers{font-family:var(--font-display);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;min-width:1.2em;text-align:center}.link-toggle[data-on=true]{color:var(--color-idle);border-color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 10%,var(--color-surface));box-shadow:var(--glow-rest);opacity:1}.link-toggle[data-on=true] .link-peers{color:var(--color-ok)}.midi-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-7)}.midi-button{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8%;transition:transform 80ms ease-out,box-shadow .12s ease-out,border-color .12s ease-out,background .11s ease-out,color .11s ease-out;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;overflow:hidden}.midi-button[data-shape=rect]{border-radius:var(--sk-radius)}.midi-button[data-shape=pill]{border-radius:9999px}.midi-button[data-shape=bar]{border-radius:6px}.midi-button[data-shape=circle],.midi-button[data-shape=ellipse]{border-radius:50%}.midi-button[data-family=polygon]{border-radius:0;border-width:0}.midi-button-state{font-size:clamp(9px,8%,13px);letter-spacing:var(--tracking-caps);line-height:1}.midi-button-label{font-size:clamp(9px,8%,13px);letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap}.midi-button-label b{font-variant-numeric:tabular-nums}.midi-button-name{font-size:clamp(16px,18%,40px);line-height:1.05;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:92%;overflow:hidden}.midi-button-name .face-line{display:block;white-space:nowrap;max-width:100%}.midi-button-name[data-name-size=S]{font-size:clamp(10px,10%,20px)}.midi-button-name[data-name-size=M]{font-size:clamp(14px,15%,30px)}.midi-button-name[data-name-size=L]{font-size:clamp(18px,20%,40px)}.midi-button-name[data-name-size=XL]{font-size:clamp(24px,28%,56px)}.midi-status{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg-dim);letter-spacing:var(--tracking-wider);min-height:1.2em;font-variant-numeric:tabular-nums}.midi-status[data-state=ok]{color:var(--color-ok)}.midi-status[data-state=err]{color:var(--color-disconnected)}.status-led{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;padding:8%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.status-led-lamp{flex:1 1 auto;width:60%;min-height:40%;max-height:100%;border-radius:50%;transition:background .12s ease,border-color .12s ease,box-shadow .16s ease}.status-led[data-shape=rect] .status-led-lamp{width:80%;border-radius:6px}.status-led[data-shape=pill] .status-led-lamp{width:85%;aspect-ratio:3 / 1;border-radius:9999px}.status-led[data-shape=circle] .status-led-lamp{aspect-ratio:1 / 1}.status-led-name{font-size:clamp(9px,16%,14px);line-height:1.1;text-align:center;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;max-width:96%;flex:0 0 auto}.edit-controls{display:inline-flex;align-items:center;gap:6px}.project-button{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;display:inline-flex;align-items:center;height:28px;padding:0 10px;background:var(--color-surface-sunken);border:1px solid var(--color-fg-dim);border-radius:var(--radius-2);color:var(--color-fg-dim);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;transition:border-color .12s,box-shadow .16s;min-width:80px;max-width:180px}.project-button-name{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scaled-canvas-inner{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none}.project-browser-backdrop{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 90%,transparent);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-browser{width:100%;max-width:720px;max-height:90%;background:var(--color-surface-elev);border:1px solid var(--color-idle);border-radius:var(--radius-4);box-shadow:var(--shadow-elevated),0 0 48px color-mix(in oklch,var(--color-idle) 30%,transparent);display:flex;flex-direction:column;overflow:hidden}.project-browser-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);min-height:var(--chrome-bar-h);border-bottom:1px solid color-mix(in oklch,var(--color-fg-dim) 30%,transparent)}.project-browser-header h2{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-xl);color:var(--color-fg);letter-spacing:var(--tracking-tighter);margin:0}.project-browser-header-actions{display:flex;gap:var(--space-3);align-items:center}.pb-close{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;background:transparent;border:none;width:32px;height:32px;color:var(--color-fg-dim);font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;display:inline-flex;align-items:center;justify-content:center}.pb-link{appearance:none;cursor:pointer;background:transparent;border:none;color:var(--color-idle);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wider)}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow-y:auto}.project-card{position:relative;-webkit-tap-highlight-color:transparent;cursor:pointer;padding:var(--space-4);min-height:120px;background:var(--color-surface);border:1px solid var(--color-fg-dim);border-radius:var(--radius-3);color:var(--color-fg);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color .16s,box-shadow .16s,transform .12s;-webkit-user-select:none;user-select:none}.project-card[data-active=true]{border-color:var(--color-incoming);box-shadow:var(--glow-armed)}.project-card-name{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-fg)}.project-card-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim);letter-spacing:var(--tracking-wider);line-height:1.4}.project-card-delete{position:absolute;top:8px;right:8px;-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--color-fg-dim);font-family:var(--font-display);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s,background-color .12s}.project-card-delete[data-confirm=true]{color:var(--color-incoming);border-color:var(--color-incoming);background:color-mix(in oklch,var(--color-incoming) 15%,transparent)}.project-card-device{position:absolute;top:8px;right:36px;-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--color-fg-dim);font-family:var(--font-display);font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s,background-color .12s}.project-card[data-unreadable=true]{border-color:var(--color-error)}.project-card-new{border-style:dashed;color:var(--color-idle);border-color:var(--color-idle);align-items:center;justify-content:center}.project-card-plus{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-3xl)}.project-new-form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.pb-field{display:flex;flex-direction:column;gap:var(--space-2)}.pb-field>span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.pb-field input[type=text]{padding:var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-fg-dim);border-radius:var(--radius-2);color:var(--color-fg);font-family:var(--font-display);font-size:var(--text-base)}.pb-field input[type=text]:focus{outline:none;border-color:var(--color-idle);box-shadow:var(--glow-rest)}.pb-combos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.pb-combo{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--color-surface-sunken);border:1px solid color-mix(in oklch,var(--color-fg-dim) 30%,transparent);border-radius:var(--radius-2);color:var(--color-fg);text-align:center}.pb-combo[data-selected=true]{border-color:var(--color-idle);box-shadow:var(--glow-rest)}.pb-combo[data-unreadable=true]{border-color:var(--color-error);border-style:dashed}.pb-combo-thumb-box{display:flex;align-items:center;justify-content:center;height:58px}.pb-combo-thumb{display:block;background:color-mix(in oklch,var(--color-idle) 22%,transparent);border:1px solid var(--color-idle);border-radius:2px}.pb-combo[data-unreadable=true] .pb-combo-thumb{background:color-mix(in oklch,var(--color-error) 20%,transparent);border-color:var(--color-error)}.pb-combo-label{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm)}.pb-combo-dims{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim)}.pb-combo-fit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-idle)}.pb-combo[data-unreadable=true] .pb-combo-fit{color:var(--color-error)}.pb-combo-badge{position:absolute;top:-8px;right:6px;padding:1px 6px;background:var(--color-incoming);color:var(--color-canvas);border-radius:var(--radius-1, 3px);font-family:var(--font-mono);font-size:9px;letter-spacing:var(--tracking-caps);text-transform:uppercase}.pb-warn,.pb-note{margin:0;padding:var(--space-3);border-radius:var(--radius-2);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-base)}.pb-warn{background:color-mix(in oklch,var(--color-error) 14%,transparent);border:1px solid var(--color-error);color:var(--color-fg)}.pb-note{background:var(--color-surface-sunken);border:1px solid color-mix(in oklch,var(--color-fg-dim) 30%,transparent);color:var(--color-fg-dim)}.project-card-warn{color:var(--color-error)}.pb-form-actions{display:flex;justify-content:flex-end}.pb-create{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;padding:var(--space-3) var(--space-5);background:var(--color-incoming);border:none;border-radius:var(--radius-2);color:var(--color-canvas);font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-base);letter-spacing:var(--tracking-caps);text-transform:uppercase;box-shadow:0 0 16px color-mix(in oklch,var(--color-incoming) 50%,transparent)}.pb-create:active{transform:translateY(0)}.edit-toggle{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;height:28px;padding:0 10px;background:var(--color-surface-sunken);border:1px solid var(--color-fg-dim);border-radius:var(--radius-2);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--weight-bold);-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;transition:color .12s,border-color .12s,box-shadow .16s}.edit-toggle[data-on=true]{color:var(--color-incoming);border-color:var(--color-incoming);box-shadow:0 0 16px color-mix(in oklch,var(--color-incoming) 50%,transparent)}.matrix-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:30}.matrix-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;display:flex;flex-direction:column;background:var(--color-surface);border:none;border-radius:0;overflow:hidden}.matrix-modal-full{width:100vw;max-width:100vw;height:100vh;max-height:100vh}.shell-portal{position:absolute;z-index:500}.sheet-modal{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface);overflow:hidden}.shell[data-bar-position=bottom] .sheet-modal>.matrix-head,.shell[data-bar-position=bottom] .palette-panel>.palette-head,.shell[data-bar-position=bottom] .project-browser>.project-browser-header,.shell[data-bar-position=bottom] .macros-editor>.me-head,.shell[data-bar-position=bottom] .pm-modal>.pm-head,.matrix-modal[data-bar-position=bottom]>.matrix-head,.timeline-editor-shell[data-bar-position=bottom]>.timeline-editor-head{order:100;border-bottom:none;border-top:1px solid var(--color-line)}.matrix-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--color-line);background:color-mix(in oklch,var(--color-surface) 85%,var(--color-canvas))}.matrix-foot-info{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg-dim)}.matrix-foot-count{text-transform:uppercase;letter-spacing:var(--tracking-tight);font-size:11px}.matrix-foot-actions{display:flex;gap:8px}.matrix-export{appearance:none;cursor:pointer;padding:8px 14px;border-radius:8px;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-tight);text-transform:uppercase;border:1px solid var(--color-idle);background:transparent;color:var(--color-idle);transition:background .12s,color .12s}.matrix-export:disabled{cursor:not-allowed;opacity:.4;border-color:var(--color-line);color:var(--color-fg-dim)}.settings-section{width:100%;max-width:720px;display:flex;flex-direction:column;gap:14px;padding:22px;background:color-mix(in oklch,var(--color-surface) 85%,var(--color-canvas));border:1px solid var(--color-line);border-radius:12px}.settings-section-head{display:flex;flex-direction:column;gap:4px}.settings-section-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--color-fg)}.settings-section-sub{margin:0;font-size:var(--text-sm);color:var(--color-fg-dim);line-height:1.45}.guitar-pedal-row{cursor:default;flex-wrap:wrap;align-items:flex-start}.guitar-pedal-row[data-conflict=true]{border-color:var(--sk-fault)}.guitar-pedal-fields.sk-srow-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 auto}.guitar-pedal-name{font-family:var(--sk-font);font-size:13px;color:var(--sk-ink);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * .6);padding:6px 9px;width:130px}.guitar-pedal-name:focus{border-color:var(--sk-line-lit);outline:none}.guitar-pedal-type{flex:none;text-transform:none}.guitar-pedal-port{font-family:var(--font-mono);font-size:11px;color:var(--sk-ink-dim);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * .6);padding:6px 9px;max-width:170px}.guitar-pedal-port[data-found=false]{color:var(--sk-fault)}.guitar-pedal-channel{flex:none}.guitar-pedal-conflict{color:var(--sk-fault);margin:6px 0 0;width:100%}.settings-primary{appearance:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:10px;background:color-mix(in oklch,var(--color-idle) 12%,var(--color-canvas));border:1px solid var(--color-idle);color:var(--color-fg);text-align:left;transition:background .14s,transform 80ms}.settings-primary:active:not(:disabled){transform:scale(.99)}.settings-primary:disabled{cursor:not-allowed;opacity:.45;border-color:var(--color-line);background:var(--color-canvas)}.settings-secondary{appearance:none;cursor:pointer;flex:1 1 220px;display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 14px;border-radius:8px;background:transparent;border:1px solid var(--color-line);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-tight);transition:background .14s,border-color .14s}.settings-secondary-meta{font-weight:400;font-size:11px;color:var(--color-fg-dim)}.backup-picker-modal{width:min(560px,92%);max-height:86%;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;overflow:hidden}.backup-picker-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow:auto;flex:1;min-height:0}.backup-picker-sub{margin:0;font-size:var(--text-sm);color:var(--color-fg-dim);line-height:1.45}.backup-picker-empty{padding:20px 14px;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg-dim);background:var(--color-canvas);border:1px dashed var(--color-line);border-radius:10px;line-height:1.5}.backup-picker-empty.backup-picker-error{color:var(--color-firing);border-color:var(--color-firing)}.helix-progress-wrap{display:flex;flex-direction:column;gap:6px}.helix-progress{position:relative;height:6px;border-radius:999px;overflow:hidden;background:color-mix(in oklch,var(--color-fg-dim) 22%,transparent)}.helix-progress-fill{position:absolute;inset:0;border-radius:inherit;transform-origin:left center;transform:scaleX(0);will-change:transform;background:linear-gradient(90deg,color-mix(in oklch,var(--color-idle) 70%,transparent),var(--color-idle))}.helix-progress-fill[data-done=true]{transition:transform .26s cubic-bezier(.22,1,.36,1)}.helix-progress-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg-dim);font-variant-numeric:tabular-nums}.helix-picker-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:12px;min-height:0;flex:1}.helix-picker-col{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:380px;overflow:auto}.backup-picker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.backup-picker-row{appearance:none;cursor:pointer;width:100%;display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 14px;border-radius:8px;background:var(--color-canvas);border:1px solid var(--color-line);color:var(--color-fg);transition:background .12s,border-color .12s}.backup-picker-row[data-selected=true]{background:color-mix(in oklch,var(--color-idle) 18%,var(--color-canvas));border-color:var(--color-idle)}.backup-picker-row-stamp{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-fg)}.backup-picker-latest-pill{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 18%,transparent);padding:2px 6px;border-radius:4px}.backup-picker-row-meta{font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim)}.backup-picker-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--color-line);background:color-mix(in oklch,var(--color-surface) 85%,var(--color-canvas))}.backup-picker-cancel,.backup-picker-restore{appearance:none;cursor:pointer;padding:9px 16px;border-radius:8px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-tight);transition:background .12s,color .12s,border-color .12s}.backup-picker-cancel{background:transparent;border:1px solid var(--color-line);color:var(--color-fg)}.backup-picker-restore{background:var(--color-firing);border:1px solid var(--color-firing);color:var(--color-canvas)}.backup-picker-cancel:disabled,.backup-picker-restore:disabled{cursor:not-allowed;opacity:.4}.tosc-report{margin-top:14px;padding:14px;background:var(--color-surface-sunken);border:1px solid var(--color-line);border-radius:10px;display:flex;flex-direction:column;gap:16px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg)}.tosc-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tosc-report-title{display:flex;flex-direction:column;gap:2px}.tosc-report-name{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-base);color:var(--color-armed);letter-spacing:var(--tracking-tight)}.tosc-report-meta{font-size:11px;color:var(--color-fg-dim)}.tosc-report-clear{appearance:none;cursor:pointer;padding:4px 10px;background:transparent;border:1px solid var(--color-line);border-radius:6px;color:var(--color-fg-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-caps);text-transform:uppercase}.tosc-counts{display:flex;flex-wrap:wrap;gap:8px}.tosc-count-tile{display:flex;flex-direction:column;gap:2px;min-width:64px;padding:6px 10px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:6px}.tosc-count-num{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--color-fg);font-variant-numeric:tabular-nums}.tosc-count-tag{font-size:10px;color:var(--color-fg-dim);letter-spacing:var(--tracking-caps);text-transform:uppercase}.tosc-count-tile[data-kind=midi]{border-color:color-mix(in oklch,var(--color-idle) 50%,var(--color-line))}.tosc-count-tile[data-kind=osc]{border-color:color-mix(in oklch,var(--color-incoming) 50%,var(--color-line))}.tosc-count-tile[data-kind=script]{border-color:color-mix(in oklch,var(--color-error) 40%,var(--color-line))}.tosc-block{display:flex;flex-direction:column;gap:8px}.tosc-block-title{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.tosc-flags{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.tosc-flag{display:flex;align-items:baseline;gap:10px;padding:8px 10px;background:color-mix(in oklch,var(--color-error) 6%,var(--color-surface));border-left:3px solid var(--color-error);border-radius:4px}.tosc-flag-code{font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-bold);color:var(--color-error);letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap}.tosc-flag-text{color:var(--color-fg);font-size:12px;line-height:1.4}.tosc-table-wrap{max-height:280px;overflow:auto;border:1px solid var(--color-line);border-radius:6px}.tosc-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.tosc-table th,.tosc-table td{padding:4px 8px;text-align:left;border-bottom:1px solid color-mix(in oklch,var(--color-line) 50%,transparent)}.tosc-table th{position:sticky;top:0;background:var(--color-surface-sunken);font-size:10px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.tosc-table-labels{color:var(--color-fg-dim);font-size:11px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tosc-table-more{margin:6px 0 0;font-size:11px;color:var(--color-fg-dim);font-style:italic}.tosc-note-name{color:var(--color-fg-dim);font-size:11px}.tosc-osc-list,.tosc-group-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.tosc-osc-row,.tosc-group-row{display:flex;align-items:baseline;gap:12px;padding:4px 8px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:4px;font-size:12px}.tosc-osc-path{font-family:var(--font-mono);color:var(--color-incoming);font-weight:var(--weight-bold)}.tosc-osc-uses{margin-left:auto;color:var(--color-fg-dim);font-size:11px}.tosc-group-name{font-weight:var(--weight-bold);color:var(--color-armed)}.tosc-group-frame{color:var(--color-fg-dim);font-size:11px}.tosc-group-parents{margin-left:auto;color:var(--color-fg-dim);font-size:11px}.confirm-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:40}.confirm-modal{min-width:340px;max-width:480px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 40px #00000080}.confirm-title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);text-transform:uppercase}.confirm-body{display:flex;flex-direction:column;gap:4px}.confirm-row{display:flex;align-items:baseline;gap:12px;font-family:var(--font-mono);font-size:var(--text-sm)}.confirm-key{min-width:48px;color:var(--color-fg-dim);text-transform:uppercase;font-size:10px;letter-spacing:var(--tracking-tight)}.confirm-val{color:var(--color-fg)}.confirm-val-new{color:var(--color-idle);font-weight:700}.confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.confirm-actions button{appearance:none;cursor:pointer;padding:8px 14px;border-radius:8px;font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid var(--color-line);background:transparent;color:var(--color-fg);transition:background .12s,color .12s,border-color .12s}.confirm-actions .confirm-ok{border-color:var(--color-idle);color:var(--color-idle)}.confirm-choice{min-width:380px;max-width:520px}.confirm-message{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;color:var(--color-fg-dim)}.confirm-choice-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.confirm-choice-button{appearance:none;cursor:pointer;display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border-radius:8px;background:transparent;border:1px solid var(--color-line);color:var(--color-fg);transition:background .12s,border-color .12s}.confirm-choice-button[data-tone=primary]{border-color:var(--color-idle)}.confirm-choice-button[data-tone=danger]{border-color:var(--color-firing)}.confirm-choice-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-tight)}.confirm-choice-button[data-tone=primary] .confirm-choice-label{color:var(--color-idle)}.confirm-choice-button[data-tone=danger] .confirm-choice-label{color:var(--color-firing)}.confirm-choice-hint{font-size:11px;font-family:var(--font-mono);color:var(--color-fg-dim);line-height:1.4}.matrix-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;min-height:var(--chrome-bar-h);border-bottom:1px solid var(--color-line)}.matrix-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-tight);font-weight:var(--weight-black);font-size:var(--text-lg)}.matrix-close{appearance:none;cursor:pointer;background:transparent;border:none;color:var(--color-fg-dim);font-size:24px;line-height:1;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:color .12s,background .12s}.matrix-body{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:22px;flex:1;min-height:0}.matrix-empty{display:flex;flex-direction:column;gap:8px;padding:28px 8px;text-align:center;color:var(--color-fg-dim)}.matrix-empty-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-fg)}.matrix-empty-sub{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;max-width:520px;margin:0 auto}.matrix-section{display:flex;flex-direction:column;gap:8px}.matrix-section-head{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.matrix-legend{display:flex;flex-wrap:wrap;gap:6px}.matrix-legend-chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;background:var(--color-surface-sunken);border:1px solid var(--color-line);border-radius:999px;font-family:var(--font-mono);font-size:11px;color:var(--color-fg)}.matrix-legend-swatch{width:8px;height:8px;border-radius:50%}.matrix-head-actions{display:flex;align-items:center;gap:4px}.matrix-edit-toggle{appearance:none;cursor:pointer;background:transparent;border:1px solid var(--color-line);border-radius:6px;padding:4px 12px;color:var(--color-fg-dim);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:color .12s,border-color .12s,background .12s}.matrix-edit-toggle[data-on=true]{color:var(--color-armed);border-color:var(--color-armed);background:color-mix(in oklch,var(--color-armed) 12%,transparent)}.matrix-legend-chip{appearance:none;cursor:default}.matrix-legend-chip[data-clickable=true]{cursor:pointer}.matrix-legend-chip[data-selected=true]{border-color:var(--color-armed);background:color-mix(in oklch,var(--color-armed) 14%,var(--color-surface-sunken));color:var(--color-armed)}.matrix-legend-add{appearance:none;cursor:pointer;display:inline-flex;align-items:center;height:22px;padding:0 12px;background:transparent;border:1px dashed var(--color-armed);border-radius:999px;color:var(--color-armed);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background .12s}.device-editor{margin-top:8px;padding:14px;background:var(--color-surface-sunken);border:1px solid var(--color-line);border-left:3px solid var(--color-armed);border-radius:8px;display:flex;flex-direction:column;gap:12px}.device-editor[data-hue=sky]{border-left-color:var(--page-hue-sky, var(--color-incoming))}.device-editor[data-hue=orchid]{border-left-color:var(--page-hue-orchid, var(--color-incoming))}.device-editor[data-hue=amber]{border-left-color:var(--page-hue-amber, var(--color-armed))}.device-editor[data-hue=lime]{border-left-color:var(--page-hue-lime, var(--color-ok))}.device-editor[data-hue=rose]{border-left-color:var(--page-hue-rose, var(--color-error))}.device-editor[data-hue=forest]{border-left-color:var(--page-hue-forest, var(--color-ok))}.device-editor[data-hue=cyan]{border-left-color:var(--page-hue-cyan, var(--color-idle))}.device-editor[data-hue=magenta]{border-left-color:var(--page-hue-magenta, var(--color-incoming))}.device-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-editor-name{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.device-editor-close{appearance:none;cursor:pointer;background:transparent;border:none;width:22px;height:22px;color:var(--color-fg-dim);font-size:18px;line-height:1;border-radius:4px}.device-editor-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.device-editor-field{display:flex;flex-direction:column;gap:4px;flex:1 1 200px}.device-editor-label{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.device-editor-input,.device-editor-textarea{appearance:none;background:var(--color-surface);border:1px solid var(--color-line);border-radius:6px;padding:6px 10px;font-family:var(--font-mono);font-size:12px;color:var(--color-fg)}.device-editor-textarea{resize:vertical;min-height:44px}.device-editor-input:focus,.device-editor-textarea:focus{outline:none;border-color:var(--color-idle);box-shadow:var(--glow-rest)}.device-editor-swatches{display:flex;gap:6px;flex-wrap:wrap}.device-editor-swatch{appearance:none;cursor:pointer;width:22px;height:22px;border-radius:50%;border:2px solid transparent;transition:transform .12s,border-color .16s}.device-editor-swatch[data-hue=sky]{background:var(--page-hue-sky, var(--color-incoming))}.device-editor-swatch[data-hue=orchid]{background:var(--page-hue-orchid, var(--color-incoming))}.device-editor-swatch[data-hue=amber]{background:var(--page-hue-amber, var(--color-armed))}.device-editor-swatch[data-hue=lime]{background:var(--page-hue-lime, var(--color-ok))}.device-editor-swatch[data-hue=rose]{background:var(--page-hue-rose, var(--color-error))}.device-editor-swatch[data-hue=forest]{background:var(--page-hue-forest, var(--color-ok))}.device-editor-swatch[data-hue=cyan]{background:var(--page-hue-cyan, var(--color-idle))}.device-editor-swatch[data-hue=magenta]{background:var(--page-hue-magenta, var(--color-incoming))}.device-editor-swatch[data-selected=true]{border-color:var(--color-fg);box-shadow:0 0 10px currentColor}.device-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-editor-claim-count{font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim)}.device-editor-delete{appearance:none;cursor:pointer;background:transparent;border:1px solid var(--color-error);border-radius:6px;padding:4px 12px;color:var(--color-error);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background .12s,color .12s}.matrix-grid{display:grid;grid-template-columns:70px repeat(16,minmax(100px,1fr));min-width:1670px;border:1px solid var(--color-line);border-radius:8px}.matrix-section{overflow-x:auto}.matrix-grid-head,.matrix-grid-row{display:contents}.matrix-grid-corner,.matrix-grid-th{background:var(--color-surface-sunken);border-bottom:1px solid var(--color-line);font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim);display:flex;align-items:center;justify-content:center;height:26px;position:sticky;top:0;z-index:1}.matrix-grid-rh{background:var(--color-surface-sunken);border-right:1px solid var(--color-line);font-family:var(--font-mono);font-size:11px;color:var(--color-fg);display:flex;align-items:center;justify-content:center;height:64px;padding:6px 4px;font-weight:var(--weight-bold)}.matrix-grid-cell{height:64px;display:flex;align-items:center;justify-content:center;padding:4px 3px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-surface);font-family:var(--font-mono);overflow:hidden;position:relative;text-align:center}.matrix-grid-cell-share,.matrix-pick-cell .matrix-grid-cell-share{position:absolute;top:1px;right:2px;font-family:var(--font-mono);font-size:8px;letter-spacing:0;padding:0 3px;height:11px;display:inline-flex;align-items:center;background:color-mix(in oklch,var(--page-hue, var(--color-fg-dim)) 50%,transparent);color:var(--color-canvas);border-radius:4px;pointer-events:none;font-weight:var(--weight-bold)}.matrix-grid-cell[data-shared=true]{box-shadow:inset -2px -2px color-mix(in oklch,var(--page-hue, var(--color-fg-dim)) 40%,transparent)}.matrix-grid-cell:last-child{border-right:none}.matrix-grid-cell[data-claimed=true]{background:color-mix(in oklch,var(--page-hue, var(--color-idle)) 16%,var(--color-surface-sunken));color:var(--color-fg)}.matrix-grid-cell[data-hue=sky]{--page-hue: var(--page-hue-sky) }.matrix-grid-cell[data-hue=orchid]{--page-hue: var(--page-hue-orchid) }.matrix-grid-cell[data-hue=amber]{--page-hue: var(--page-hue-amber) }.matrix-grid-cell[data-hue=lime]{--page-hue: var(--page-hue-lime) }.matrix-grid-cell[data-hue=rose]{--page-hue: var(--page-hue-rose) }.matrix-grid-cell[data-hue=forest]{--page-hue: var(--page-hue-forest) }.matrix-grid-cell[data-hue=cyan]{--page-hue: var(--color-idle) }.matrix-grid-cell[data-hue=magenta]{--page-hue: var(--color-incoming) }.matrix-legend-swatch[data-hue=sky]{background:var(--page-hue-sky)}.matrix-legend-swatch[data-hue=orchid]{background:var(--page-hue-orchid)}.matrix-legend-swatch[data-hue=amber]{background:var(--page-hue-amber)}.matrix-legend-swatch[data-hue=lime]{background:var(--page-hue-lime)}.matrix-legend-swatch[data-hue=rose]{background:var(--page-hue-rose)}.matrix-legend-swatch[data-hue=forest]{background:var(--page-hue-forest)}.matrix-legend-swatch[data-hue=cyan]{background:var(--color-idle)}.matrix-legend-swatch[data-hue=magenta]{background:var(--color-incoming)}.matrix-grid-cell-label{display:grid;grid-template-rows:auto auto auto;gap:1px;width:100%;min-width:0;text-align:center}.matrix-grid-cell-label-device,.matrix-grid-cell-label-control{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15;padding:0 2px}.matrix-grid-cell-label-device-rest{min-height:1em}.matrix-grid-cell-label-device{font-weight:var(--weight-bold);color:var(--color-fg);font-size:8px;letter-spacing:-.02em}.matrix-grid-cell-label-control{color:var(--color-fg-dim);font-size:8px;letter-spacing:-.02em}.matrix-grid-cell[data-editable=true]{cursor:pointer}.matrix-new-note-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--color-surface-sunken);border:1px dashed var(--color-armed);border-radius:6px;margin-top:6px;font-family:var(--font-mono);font-size:11px}.matrix-new-note-label{color:var(--color-fg-dim);letter-spacing:var(--tracking-caps);text-transform:uppercase}.matrix-new-note-channel,.matrix-new-note-input{appearance:none;background:var(--color-surface);border:1px solid var(--color-line);border-radius:4px;padding:4px 8px;font-family:var(--font-mono);font-size:11px;color:var(--color-fg)}.matrix-new-note-channel{width:56px;text-align:center}.matrix-new-note-input{flex:1 1 120px;max-width:200px}.matrix-new-note-submit{appearance:none;cursor:pointer;background:transparent;border:1px solid var(--color-armed);border-radius:4px;padding:4px 12px;color:var(--color-armed);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.matrix-new-note-submit:disabled{opacity:.4;cursor:not-allowed}.slot-editor-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50}.slot-editor-modal{min-width:420px;max-width:560px;max-height:80%;overflow:auto;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px}.slot-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--color-line)}.slot-editor-title{display:flex;flex-direction:column;gap:2px}.slot-editor-cell{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);color:var(--color-armed);letter-spacing:var(--tracking-tight);text-transform:uppercase}.slot-editor-meta{font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim)}.slot-editor-close{appearance:none;cursor:pointer;background:transparent;border:none;width:28px;height:28px;color:var(--color-fg-dim);font-size:22px;line-height:1;border-radius:6px}.slot-editor-claims{display:flex;flex-direction:column;gap:10px}.slot-editor-claim{padding:10px;background:var(--color-surface-sunken);border:1px solid var(--color-line);border-left:3px solid var(--color-line);border-radius:6px;display:flex;flex-direction:column;gap:8px}.slot-editor-claim[data-hue=sky]{border-left-color:var(--page-hue-sky, var(--color-incoming))}.slot-editor-claim[data-hue=orchid]{border-left-color:var(--page-hue-orchid, var(--color-incoming))}.slot-editor-claim[data-hue=amber]{border-left-color:var(--page-hue-amber, var(--color-armed))}.slot-editor-claim[data-hue=lime]{border-left-color:var(--page-hue-lime, var(--color-ok))}.slot-editor-claim[data-hue=rose]{border-left-color:var(--page-hue-rose, var(--color-error))}.slot-editor-claim[data-hue=forest]{border-left-color:var(--page-hue-forest, var(--color-ok))}.slot-editor-claim[data-hue=cyan]{border-left-color:var(--page-hue-cyan, var(--color-idle))}.slot-editor-claim[data-hue=magenta]{border-left-color:var(--page-hue-magenta, var(--color-incoming))}.slot-editor-claim-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.slot-editor-claim-device{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-bold)}.slot-editor-claim-swatch{width:8px;height:8px;border-radius:50%}.slot-editor-claim-swatch[data-hue=sky]{background:var(--page-hue-sky, var(--color-incoming))}.slot-editor-claim-swatch[data-hue=orchid]{background:var(--page-hue-orchid, var(--color-incoming))}.slot-editor-claim-swatch[data-hue=amber]{background:var(--page-hue-amber, var(--color-armed))}.slot-editor-claim-swatch[data-hue=lime]{background:var(--page-hue-lime, var(--color-ok))}.slot-editor-claim-swatch[data-hue=rose]{background:var(--page-hue-rose, var(--color-error))}.slot-editor-claim-swatch[data-hue=forest]{background:var(--page-hue-forest, var(--color-ok))}.slot-editor-claim-swatch[data-hue=cyan]{background:var(--page-hue-cyan, var(--color-idle))}.slot-editor-claim-swatch[data-hue=magenta]{background:var(--page-hue-magenta, var(--color-incoming))}.slot-editor-claim-remove{appearance:none;cursor:pointer;background:transparent;border:1px solid var(--color-error);border-radius:4px;padding:2px 10px;color:var(--color-error);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.slot-editor-remove-slot{align-self:flex-start;appearance:none;cursor:pointer;background:transparent;border:1px dashed var(--color-error);border-radius:4px;padding:4px 12px;color:var(--color-error);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.slot-editor-field{display:flex;flex-direction:column;gap:4px}.slot-editor-field-grow{flex:1 1 0}.slot-editor-label{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.slot-editor-input{appearance:none;background:var(--color-surface);border:1px solid var(--color-line);border-radius:6px;padding:6px 10px;font-family:var(--font-mono);font-size:12px;color:var(--color-fg)}.slot-editor-input:focus{outline:none;border-color:var(--color-idle);box-shadow:var(--glow-rest)}.slot-editor-add{padding:12px;background:color-mix(in oklch,var(--color-armed) 6%,var(--color-surface));border:1px dashed var(--color-armed);border-radius:8px;display:flex;flex-direction:column;gap:10px}.slot-editor-add[data-disabled=true]{opacity:.5;border-color:var(--color-line);background:var(--color-surface-sunken)}.slot-editor-add-head{font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-armed)}.slot-editor-add[data-disabled=true] .slot-editor-add-head{color:var(--color-fg-dim)}.slot-editor-add-row{display:flex;gap:10px;flex-wrap:wrap}.slot-editor-add-submit{align-self:flex-start;appearance:none;cursor:pointer;background:var(--color-armed);border:1px solid var(--color-armed);border-radius:6px;padding:6px 14px;color:var(--color-canvas);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.slot-editor-add-submit:disabled{opacity:.4;cursor:not-allowed;background:transparent;color:var(--color-fg-dim);border-color:var(--color-line)}.slot-editor-empty-hint{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim);line-height:1.5;font-style:italic}.matrix-pick-cell{appearance:none;cursor:pointer;border:none;height:64px;display:flex;align-items:center;justify-content:center;padding:4px 3px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-surface);color:var(--color-fg);font-family:var(--font-mono);overflow:hidden;text-align:center;position:relative;transition:background 80ms,box-shadow 80ms,color 80ms}.matrix-pick-cell:last-child{border-right:none}.matrix-pick-cell[data-claimed=true]{background:color-mix(in oklch,var(--color-error) 9%,color-mix(in oklch,var(--page-hue, var(--color-fg-dim)) 10%,var(--color-surface-sunken)));color:color-mix(in oklch,var(--color-error) 45%,var(--color-fg-dim));opacity:.7}.matrix-pick-cell[data-current=true]{box-shadow:inset 0 0 0 3px var(--color-idle),0 0 0 2px color-mix(in oklch,var(--color-idle) 55%,transparent),0 0 18px -2px color-mix(in oklch,var(--color-idle) 70%,transparent);color:var(--color-fg);opacity:1;z-index:1}.matrix-pick-cell[data-current=true]:after{content:"NOW";position:absolute;top:1px;left:2px;font-family:var(--font-mono);font-size:8px;font-weight:var(--weight-bold);letter-spacing:.06em;padding:0 3px;height:11px;display:inline-flex;align-items:center;border-radius:3px;background:var(--color-idle);color:var(--color-canvas);pointer-events:none}.matrix-pick-band{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 18px;border-bottom:1px solid var(--color-line);background:var(--color-surface)}.matrix-pick-key{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim)}.matrix-pick-key-item{display:inline-flex;align-items:center;gap:6px}.matrix-pick-key-swatch{width:13px;height:13px;flex:none;border-radius:3px;border:1px solid var(--color-line);background:var(--color-surface)}.matrix-pick-key-swatch[data-k=current]{border-color:var(--color-idle);box-shadow:inset 0 0 0 2px var(--color-idle)}.matrix-pick-key-swatch[data-k=claimed]{background:color-mix(in oklch,var(--color-error) 22%,color-mix(in oklch,var(--color-fg-dim) 35%,var(--color-surface-sunken)))}.matrix-pick-key-hint{margin-left:auto;color:var(--color-fg)}.matrix-pick-target{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:10px 12px;border-radius:var(--radius-2);background:color-mix(in oklch,var(--color-idle) 10%,var(--color-surface-sunken));border:1px solid color-mix(in oklch,var(--color-idle) 45%,transparent)}.matrix-pick-target-verb{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-fg-dim)}.matrix-pick-target-name{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-base);color:var(--color-fg)}.matrix-pick-target-now{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-idle)}.matrix-pick-cell[data-hue=sky]{--page-hue: var(--page-hue-sky) }.matrix-pick-cell[data-hue=orchid]{--page-hue: var(--page-hue-orchid) }.matrix-pick-cell[data-hue=amber]{--page-hue: var(--page-hue-amber) }.matrix-pick-cell[data-hue=lime]{--page-hue: var(--page-hue-lime) }.matrix-pick-cell[data-hue=rose]{--page-hue: var(--page-hue-rose) }.matrix-pick-cell[data-hue=forest]{--page-hue: var(--page-hue-forest) }.matrix-pick-cell[data-hue=cyan]{--page-hue: var(--color-idle) }.matrix-pick-cell[data-hue=magenta]{--page-hue: var(--color-incoming) }.edit-add{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;height:32px;padding:0 var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-idle);border-radius:var(--radius-2);color:var(--color-idle);font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-xs);line-height:1;letter-spacing:var(--tracking-caps);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.edit-add:active{transform:scale(.95)}.editable-item{position:absolute;display:flex;align-items:stretch;justify-content:stretch}.editable-item>*{flex:1 1 auto;min-width:0;min-height:0}.editable-item[data-dragging=true]{outline:2px solid var(--color-incoming);outline-offset:4px;z-index:10}.editable-item[data-grabbed=true]{cursor:grab}.editable-item[data-grabbed=true][data-dragging=true]{cursor:grabbing}.editable-item[data-editing=true]{outline:1px dashed color-mix(in oklch,var(--color-fg-dim) 60%,transparent);outline-offset:2px;cursor:move;touch-action:none}.editable-item[data-move-armed=true]{outline:2px dashed var(--sk-armed-ink);outline-offset:3px;cursor:move;touch-action:none;z-index:6;animation:item-move-armed-pulse 1.4s ease-in-out infinite}@keyframes item-move-armed-pulse{0%,to{outline-color:var(--sk-armed-ink)}50%{outline-color:color-mix(in oklch,var(--sk-armed-ink) 40%,transparent)}}@media (prefers-reduced-motion: reduce){.editable-item[data-move-armed=true]{animation:none}}.marquee-box{position:absolute;pointer-events:none;z-index:20;border:1px dashed var(--color-idle);background:color-mix(in oklch,var(--color-idle) 10%,transparent);border-radius:2px}.scaled-canvas-inner:has(.editable-item[data-dragging=true]) .editable-item:not([data-dragging=true]),.scaled-canvas-inner:has(.editable-item[data-resizing=true]) .editable-item:not([data-resizing=true]){outline:1px solid color-mix(in oklch,var(--color-fg-dim) 55%,transparent);outline-offset:0}.scaled-canvas-inner:has(.editable-item[data-dragging=true]) .editable-item[data-group-dragging=true]{outline:none}.editable-item[data-menu-open=true]{outline:2px solid color-mix(in oklch,var(--color-fg) 78%,transparent);outline-offset:3px;box-shadow:0 0 14px color-mix(in oklch,var(--color-fg) 28%,transparent);z-index:6}.editable-item[data-selected=true]{outline:2px solid var(--color-idle);outline-offset:3px;box-shadow:0 0 12px color-mix(in oklch,var(--color-idle) 50%,transparent);z-index:5}.editable-resize-zone{position:absolute;z-index:6;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.editable-resize-zone[data-dir=n]{top:-6px;left:10px;right:10px;height:12px;cursor:ns-resize}.editable-resize-zone[data-dir=s]{bottom:-6px;left:10px;right:10px;height:12px;cursor:ns-resize}.editable-resize-zone[data-dir=e]{top:10px;bottom:10px;right:-6px;width:12px;cursor:ew-resize}.editable-resize-zone[data-dir=w]{top:10px;bottom:10px;left:-6px;width:12px;cursor:ew-resize}.editable-resize-zone[data-dir=ne]{top:-8px;right:-8px;width:18px;height:18px;cursor:nesw-resize}.editable-resize-zone[data-dir=nw]{top:-8px;left:-8px;width:18px;height:18px;cursor:nwse-resize}.editable-resize-zone[data-dir=se]{bottom:-8px;right:-8px;width:18px;height:18px;cursor:nwse-resize}.editable-resize-zone[data-dir=sw]{bottom:-8px;left:-8px;width:18px;height:18px;cursor:nesw-resize}.editable-item[data-resizing=true]{outline:2px solid var(--color-armed);outline-offset:4px;z-index:10}.edit-color-swatch{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;width:28px;height:28px;border-radius:50%;border:2px solid transparent;transition:transform .12s,border-color .16s}.edit-color-swatch[data-color=idle]{background:var(--color-idle)}.edit-color-swatch[data-color=incoming]{background:var(--color-incoming)}.edit-color-swatch[data-color=armed]{background:var(--color-armed)}.edit-color-swatch[data-color=ok]{background:var(--color-ok)}.edit-color-swatch[data-selected=true]{border-color:var(--color-fg);box-shadow:0 0 10px currentColor}.edit-wave-pill{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-fg-dim);border-radius:var(--radius-2);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--weight-bold);-webkit-user-select:none;user-select:none;transition:color .12s,border-color .12s}.edit-wave-pill[data-selected=true]{color:var(--color-incoming);border-color:var(--color-incoming);box-shadow:0 0 8px color-mix(in oklch,var(--color-incoming) 50%,transparent)}.midi-stage{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-7)}.midi-stage>.midi-button,.midi-stage>.sine-lfo{flex:0 0 auto}.sine-lfo{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px;width:100%;height:100%;box-sizing:border-box;position:relative;transition:border-color .2s,box-shadow .2s;overflow:hidden}.sine-lfo-name{font-size:var(--text-xs);text-align:center;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.sine-lfo-svg{display:block;width:100%;flex:1 1 auto;min-height:60px;overflow:visible}.sine-lfo-countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.sine-lfo-countdown-ring{width:56px;height:56px;transform:rotate(-90deg)}.sine-lfo-countdown-ring .cd-track{fill:none;stroke:color-mix(in oklch,var(--color-armed) 22%,transparent);stroke-width:3}.sine-lfo-countdown-ring .cd-drain{fill:none;stroke:var(--color-armed);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in oklch,var(--color-armed) 55%,transparent))}.sine-lfo-countdown-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-armed);text-transform:uppercase}.sine-lfo-axis{stroke-width:1;stroke-dasharray:2 4;opacity:.35}.sine-lfo-curve{stroke-width:1.5;transition:stroke .24s,opacity .24s,filter .24s}.sine-lfo-dot{opacity:.55;transition:fill .24s,opacity .24s}.sine-lfo-playhead{transition:fill .2s,filter .2s}.sine-lfo-controls{display:flex;align-items:center;gap:var(--space-2)}.sine-lfo-loop{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;padding:var(--space-2) var(--space-3);min-width:72px;background:var(--color-surface-sunken);border:1px solid var(--color-fg-dim);border-radius:var(--radius-2);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--weight-bold);-webkit-user-select:none;user-select:none;transition:color .12s,border-color .12s,box-shadow .16s}.sine-lfo-loop:active{transform:scale(.97)}.sine-lfo-loop[data-on=true]{color:var(--color-idle);border-color:var(--color-idle);box-shadow:var(--glow-rest)}.sine-lfo-loop[data-on=false]{color:var(--color-armed);border-color:var(--color-armed)}.sine-lfo-button{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;border:none;padding:var(--space-3) var(--space-5);min-width:120px;background:var(--color-surface);border:1px solid var(--color-idle);border-radius:var(--radius-2);color:var(--color-idle);font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-base);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:all .14s ease-out;-webkit-user-select:none;user-select:none}.sine-lfo-button:active{transform:scale(.97)}.sine-lfo-button[data-state=armed]{color:var(--color-armed);border-color:var(--color-armed)}.sine-lfo-button[data-state=running]{color:var(--color-incoming);border-color:var(--color-incoming);box-shadow:var(--glow-armed)}.sine-lfo-button[data-state=stopping]{color:var(--color-fg-dim);border-color:var(--color-fg-dim)}.sine-lfo-button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-fg-dim);color:var(--color-fg-dim);box-shadow:none}.sine-lfo-meta{display:flex;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-variant-numeric:tabular-nums}.sine-lfo-meta b,.sine-lfo-meta .sine-lfo-status{color:var(--color-fg);font-weight:var(--weight-bold)}.sine-lfo[data-state=armed] .sine-lfo-status{color:var(--color-armed)}.sine-lfo[data-state=running] .sine-lfo-status{color:var(--color-incoming)}.bridge-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-fg-dim)}.bridge-status-active{appearance:none;cursor:pointer;transition:border-color .12s,background .12s}.bridge-status-active:focus-visible{outline:none;border-color:var(--color-fg)}.bridge-status-product{text-transform:none!important;letter-spacing:0}.bridge-status .led{width:7px;height:7px;border-radius:50%;background:var(--color-disconnected);transition:background-color .2s,box-shadow .2s}.bridge-status .lbl{color:var(--color-fg);font-weight:var(--weight-medium)}.bridge-status[data-state=ok] .led{background:var(--color-ok);box-shadow:var(--glow-live)}.bridge-status[data-state=ok] .msg{color:var(--color-ok)}.bridge-status[data-state=warn] .led{background:var(--color-armed);box-shadow:var(--glow-armed)}.bridge-status[data-state=warn] .msg{color:var(--color-armed)}.bridge-status[data-state=down] .msg,.bsp-down{color:var(--color-disconnected)}.bsp-empty{color:var(--color-fg-dim);font-style:italic}.bsp-empty code{background:var(--color-line);padding:1px 4px;border-radius:3px;color:var(--color-fg)}.connect-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 12px;text-align:center;color:var(--color-fg-dim)}.connect-empty-title{font-size:var(--text-base);color:var(--color-fg);font-weight:var(--weight-medium)}.connect-empty-sub{font-size:var(--text-sm);color:var(--color-fg-dim);max-width:380px}.connect-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-line);margin-bottom:8px}.connect-banner-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.connect-banner-title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-fg)}.connect-banner-sub{font-size:var(--text-sm);color:var(--color-fg-dim)}.connect-banner-alert{border-color:color-mix(in oklch,var(--color-error) 55%,var(--color-line));background:color-mix(in oklch,var(--color-error) 8%,transparent)}.connect-banner-alert .connect-banner-title{color:var(--color-error)}.connect-banner-info{border-color:color-mix(in oklch,var(--color-idle) 45%,var(--color-line));background:color-mix(in oklch,var(--color-idle) 7%,transparent)}.connect-spinner{width:20px;height:20px;border-radius:50%;border:2px solid color-mix(in oklch,var(--color-fg-dim) 40%,transparent);border-top-color:var(--color-idle);animation:connect-spin .9s linear infinite;margin-bottom:8px}@keyframes connect-spin{to{transform:rotate(360deg)}}.connect-list{display:flex;flex-direction:column;gap:8px}.connect-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:color-mix(in oklch,var(--color-canvas) 60%,var(--color-surface));border:1px solid var(--color-line);transition:border-color .14s,background .14s}.connect-row[data-state=available]{border-style:dashed}.connect-row[data-state=waiting]{border-color:var(--color-armed, #d4a017);background:color-mix(in oklch,var(--color-armed, #d4a017) 8%,var(--color-canvas))}.connect-row[data-state=connected]{border-color:color-mix(in oklch,var(--midi, #34d18c) 40%,var(--color-line))}.connect-row[data-state=unreachable]{opacity:.65}.connect-row[data-state=denied],.connect-row[data-state=expired]{border-color:var(--color-disconnected, #ff6b6b);background:color-mix(in oklch,var(--color-disconnected, #ff6b6b) 6%,var(--color-canvas))}.connect-row-dot{width:10px;height:10px;border-radius:50%;background:var(--color-fg-dim)}.connect-row-dot[data-state=connected]{background:var(--midi, #34d18c)}.connect-row-dot[data-state=available]{background:color-mix(in oklch,var(--color-fg-dim) 40%,transparent);border:1px dashed var(--color-fg-dim);box-sizing:border-box}.connect-row-dot[data-state=waiting]{background:var(--color-armed, #d4a017);animation:connect-pulse 1.4s ease-in-out infinite}.connect-row-dot[data-state=unreachable]{background:var(--color-fg-dim)}.connect-row-dot[data-state=denied],.connect-row-dot[data-state=expired]{background:var(--color-disconnected, #ff6b6b)}@keyframes connect-pulse{0%,to{opacity:1}50%{opacity:.35}}.connect-row-body{min-width:0;overflow:hidden}.connect-row-title{font-weight:var(--weight-medium);font-size:var(--text-base);color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-row-sub{font-size:var(--text-xs);color:var(--color-fg-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-row-url{font-family:var(--font-mono);font-size:.85em}.connect-row-countdown{color:var(--color-armed, #d4a017);font-weight:var(--weight-medium)}.connect-row-actions{display:flex;gap:8px;flex-shrink:0}.connect-row-actions .settings-primary,.connect-row-actions .settings-secondary{padding:8px 14px;font-size:var(--text-sm)}.connect-cert-help{margin-top:10px;padding:14px;border-radius:10px;background:color-mix(in oklch,var(--color-idle) 6%,var(--color-surface));border:1px solid color-mix(in oklch,var(--color-idle) 35%,var(--color-line));text-align:left;display:flex;flex-direction:column;gap:10px}.connect-cert-help-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-fg)}.connect-cert-help ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:var(--text-xs);color:var(--color-fg-dim)}.connect-cert-help a{color:var(--color-idle)}.connect-cert-help strong{color:var(--color-fg);font-weight:var(--weight-medium)}.connect-manual-toggle{margin-top:10px;text-align:center}.connect-manual-link{appearance:none;background:none;border:none;cursor:pointer;color:var(--color-fg-dim);font-size:var(--text-sm);text-decoration:underline;padding:6px 8px}.connect-manual{margin-top:12px;padding:14px;border-radius:10px;background:color-mix(in oklch,var(--color-canvas) 40%,var(--color-surface));border:1px solid var(--color-line);display:flex;flex-direction:column;gap:12px}.connect-manual-label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);color:var(--color-fg-dim)}.connect-manual-label input{padding:10px 12px;border-radius:8px;background:var(--color-canvas);border:1px solid var(--color-line);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-sm)}.connect-manual-actions{display:flex;gap:8px}.connect-manual-error{font-size:var(--text-xs);color:var(--color-disconnected, #ff6b6b)}.connect-rescan{margin-top:12px;display:flex;justify-content:flex-end}.connect-row[data-primary=true]{border-width:2px;border-color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 6%,var(--color-canvas));padding:16px}.connect-row[data-primary=true][data-state=connected]{border-color:var(--midi, #34d18c);background:color-mix(in oklch,var(--midi, #34d18c) 6%,var(--color-canvas))}.connect-row[data-primary=true][data-state=unreachable]{border-color:var(--color-disconnected, #ff6b6b);background:color-mix(in oklch,var(--color-disconnected, #ff6b6b) 8%,var(--color-canvas))}.connect-row[data-primary=true] .connect-row-title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.connect-row[data-primary=true][data-change-primary-active=true]{border-color:color-mix(in oklch,var(--color-line) 70%,var(--color-fg-dim));background:color-mix(in oklch,var(--color-canvas) 92%,var(--color-surface))}.connect-row[data-primary=true][data-change-primary-active=true] .connect-row-dot{background:var(--color-fg-dim)}.connect-row[data-peer=true]{opacity:.75;border-style:dotted}.connect-row[data-peer=true] .connect-row-title{font-weight:var(--weight-normal)}.connect-row-clock{font-size:var(--text-xs);color:var(--color-fg-dim);margin-top:4px;font-family:var(--font-mono)}.connect-row-change-primary-group{display:flex;gap:12px;margin-top:6px;align-items:baseline}.connect-row-change-primary{appearance:none;background:none;border:none;cursor:pointer;padding:6px 0 0;color:var(--color-fg-dim);font-size:var(--text-xs);text-decoration:underline;text-align:left}.connect-row-change-primary:disabled{cursor:default;opacity:.55;text-decoration:none}.connect-row-change-primary-cancel{opacity:1;color:var(--color-fg)}.connect-subhead{margin-top:14px;margin-bottom:2px;padding:0 4px;font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--color-fg-dim)}.connect-subhead-dim{opacity:.7}.connect-empty-inline{padding:16px;align-items:flex-start;text-align:left}.macro-item{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;position:relative;overflow:hidden;width:100%;height:100%;box-sizing:border-box;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;text-align:left;transition:border-color .12s,background .12s,transform 80ms ease-out,box-shadow .12s,color .11s;-webkit-user-select:none;user-select:none}.macro-item-name{font-size:var(--text-lg);white-space:pre-line;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.macro-item-sub{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.macro-item-progress{position:absolute;left:0;bottom:0;height:4px;width:calc(var(--p, 0) * 100%);transition:width 80ms linear;opacity:0}.macro-item[data-state=running] .macro-item-progress{opacity:1}.macros-editor-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20}.macros-editor{width:min(1100px,96%);max-height:92%;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;overflow:hidden}.me-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;min-height:var(--chrome-bar-h);border-bottom:1px solid var(--color-line)}.me-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-tight);font-weight:var(--weight-black);font-size:var(--text-lg)}.me-actions{display:flex;gap:8px}.me-btn{appearance:none;border:1px solid var(--color-line);background:transparent;color:var(--color-fg);padding:6px 12px;border-radius:6px;font:inherit;cursor:pointer;font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-tight)}.me-btn-primary{background:var(--color-idle);color:var(--color-canvas);border-color:var(--color-idle);font-weight:var(--weight-black)}.me-body{display:grid;grid-template-columns:220px 1fr;flex:1;min-height:0}.me-sidebar{border-right:1px solid var(--color-line);display:flex;flex-direction:column;overflow-y:auto}.me-macro-list{display:flex;flex-direction:column}.me-macro-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-line-hairline);background:transparent;border-left:3px solid transparent;cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-fg)}.me-macro-row[data-active=true]{background:color-mix(in oklch,var(--color-idle) 12%,transparent);border-left-color:var(--color-idle)}.me-macro-row-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim)}.me-add-macro{margin:10px;padding:8px;background:transparent;border:1px dashed var(--color-line);color:var(--color-fg-dim);cursor:pointer;border-radius:6px;font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-xs)}.me-detail{padding:18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.me-detail-empty{color:var(--color-fg-dim)}.me-field-row{display:flex;gap:14px;align-items:end}.me-field{display:flex;flex-direction:column;gap:4px}.me-field-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-tight);font-size:var(--text-xs);color:var(--color-fg-dim)}.me-input{background:var(--color-surface-sunken);color:var(--color-fg);border:1px solid var(--color-line);border-radius:6px;padding:6px 10px;font:inherit;min-width:80px}.me-input:focus{outline:none;border-color:var(--color-idle)}.me-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-tight);font-size:var(--text-xs);color:var(--color-fg-dim);border-bottom:1px solid var(--color-line-hairline);padding-bottom:4px}.me-lane{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-surface-sunken)}.me-lane-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.me-lane-name{font-family:var(--font-display);font-size:var(--text-sm);flex:1}.me-shape-presets{display:flex;gap:4px;flex-wrap:wrap}.me-shape-chip{appearance:none;border:1px solid var(--color-line);background:transparent;color:var(--color-fg-dim);padding:3px 8px;border-radius:4px;font-family:var(--font-display);text-transform:uppercase;font-size:10px;letter-spacing:var(--tracking-tight);cursor:pointer}.me-shape-chip[data-active=true]{border-color:var(--color-idle);color:var(--color-canvas);background:var(--color-idle);font-weight:var(--weight-black)}.me-curve{width:100%;height:90px;background:var(--color-canvas);border:1px solid var(--color-line-hairline);border-radius:4px;position:relative}.me-curve svg{display:block;width:100%;height:100%}.me-slider-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.me-slider{display:flex;flex-direction:column;gap:3px;font-family:var(--font-mono);font-size:var(--text-xs)}.me-slider input[type=range]{width:100%}.me-slider-label{color:var(--color-fg-dim);font-family:var(--font-display);text-transform:uppercase}.me-add-lane{align-self:flex-start;padding:6px 14px;background:transparent;border:1px dashed var(--color-line);color:var(--color-fg-dim);cursor:pointer;border-radius:6px;font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-xs)}.me-scrub-wrap{display:flex;flex-direction:column;gap:6px}.me-scrub-bar{position:relative;width:100%;height:28px;background:var(--color-canvas);border:1px solid var(--color-line);border-radius:4px;cursor:ew-resize;-webkit-user-select:none;user-select:none}.me-scrub-bar-fill{position:absolute;top:0;bottom:0;left:0;background:color-mix(in oklch,var(--color-idle) 22%,transparent);pointer-events:none}.me-scrub-bar-head{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--color-idle);pointer-events:none;box-shadow:0 0 8px var(--color-idle)}.me-scrub-readout{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim);display:flex;gap:14px;flex-wrap:wrap}.me-scrub-readout b{color:var(--color-idle);font-weight:var(--weight-medium);font-family:var(--font-mono)}.bg-grid{position:relative;display:grid;grid-template-columns:repeat(var(--bg-cols, 1),1fr);grid-template-rows:repeat(var(--bg-rows, 1),1fr);gap:5px;-webkit-user-select:none;user-select:none}.bg-grid[data-disabled=true]{opacity:.55}.bg-grid[data-editing-cells=true]{outline:2px dashed var(--sk-line-lit);outline-offset:4px}.bg-grid[data-editing-cells=true] .bg-cell{cursor:text}.bg-cell{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;position:relative;overflow:hidden;padding:6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background .11s ease-out,color .11s ease-out,border-color .11s ease-out,box-shadow .11s ease-out,transform 80ms ease-out}.bg-cell[data-pending=true]:not([data-active=true]){animation:bg-cell-pending .25s ease-out}.bg-cell-label{font-size:clamp(11px,calc(var(--text-base) * .85),var(--text-xl));text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden;line-height:1.1;max-width:100%}.bg-cell-label .face-line{display:block;white-space:nowrap;max-width:100%}.bg-cell-label[data-name-size=S]{font-size:clamp(9px,calc(var(--text-base) * .6),var(--text-sm))}.bg-cell-label[data-name-size=M]{font-size:clamp(11px,calc(var(--text-base) * .85),var(--text-lg))}.bg-cell-label[data-name-size=L]{font-size:clamp(14px,calc(var(--text-base) * 1.05),var(--text-xl))}.bg-cell-label[data-name-size=XL]{font-size:clamp(18px,calc(var(--text-base) * 1.3),calc(var(--text-xl) * 1.25))}.bg-cell-index{position:absolute;top:2px;right:4px;font-size:9px;pointer-events:none}.bg-cell-info{font-size:clamp(8px,7%,11px);letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap;text-align:center;pointer-events:none;line-height:1}.bg-cell-info b{font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.bg-cell-rows{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:320px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--color-idle) transparent}.bg-cell-rows::-webkit-scrollbar{width:8px;background:transparent}.bg-cell-rows::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--color-idle) 30%,transparent);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.bg-cell-row{display:flex;flex-direction:row;align-items:stretch;gap:8px;padding:6px 8px;border-radius:4px;background:transparent}.bg-cell-row[data-parity=odd]{background:color-mix(in oklch,var(--color-fg) 6%,transparent)}.bg-cell-row-index{font-family:var(--font-mono);font-size:13px;font-weight:var(--weight-medium);color:var(--color-fg);min-width:24px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;flex:0 0 auto}.bg-cell-row-body{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.bg-cell-row-line{display:flex;align-items:center;gap:6px;min-width:0}.bg-cell-row-label{flex:1 1 auto;background:var(--color-surface-sunken);color:var(--color-fg);border:1px solid var(--color-line);border-radius:4px;padding:3px 6px;font:inherit;font-family:var(--font-mono);font-size:12px;min-width:0;resize:none;line-height:1.3;overflow:hidden}.bg-cell-row-label:focus{outline:none;border-color:var(--color-idle)}.bg-cell-row-num{display:flex;align-items:center;gap:3px;font-family:var(--font-display);text-transform:uppercase;font-size:9px;color:var(--color-fg-dim);letter-spacing:var(--tracking-caps)}.bg-cell-row-num input{background:var(--color-surface-sunken);color:var(--color-fg);border:1px solid var(--color-line);border-radius:4px;padding:3px 4px;font:inherit;font-family:var(--font-mono);font-size:11px;width:42px;font-variant-numeric:tabular-nums}.bg-cell-row-num input:focus{outline:none;border-color:var(--color-idle)}.bg-cell-row-matrix{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;margin-left:auto;padding:3px 8px;background:var(--color-surface-sunken);border:1px solid var(--color-line);border-radius:4px;color:var(--color-fg-dim);font-family:var(--font-display);text-transform:uppercase;font-size:9px;letter-spacing:var(--tracking-caps);white-space:nowrap}.bg-cell-row-colors{flex-wrap:nowrap;gap:4px}.bg-cell-row-colors .bg-color-swatch{width:16px;height:16px;flex:0 0 auto}.bg-cell-row-font{flex-wrap:nowrap;gap:4px}.bg-cell-row-font-label{font-family:var(--font-display);text-transform:uppercase;font-size:9px;color:var(--color-fg-dim);letter-spacing:var(--tracking-caps);min-width:24px}.bg-cell-row-font-btn{appearance:none;cursor:pointer;padding:2px 6px;background:var(--color-surface-sunken);color:var(--color-fg-dim);border:1px solid var(--color-line);border-radius:3px;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background 80ms,color 80ms,border-color 80ms;flex:0 0 auto}.bg-cell-row-font-btn[data-selected=true]{background:var(--color-idle);color:var(--color-canvas);border-color:var(--color-idle)}.bg-color-swatch{appearance:none;cursor:pointer;width:20px;height:20px;border-radius:4px;padding:0}:root{--page-hue-sky: oklch(72% .08 215);--page-hue-violet: oklch(64% .09 290);--page-hue-amber: oklch(72% .09 70);--page-hue-teal: oklch(68% .07 175);--page-hue-rose: oklch(70% .09 15);--page-hue-forest: oklch(66% .08 140)}.pages-pills{display:flex;align-items:center;gap:4px;min-width:0;box-sizing:border-box}.hdr .pages-pills{max-width:160px;flex:0 1 auto;min-width:40px}.hdr .bridge-status{flex:0 0 auto;white-space:nowrap}.pages-pills-list{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.pages-pills-list::-webkit-scrollbar{display:none}.pages-pills-arrow,.pages-pills-manage{appearance:none;-webkit-tap-highlight-color:transparent;background:transparent;border:1px solid var(--color-line);color:var(--color-fg-dim);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 auto;transition:color .12s,border-color .12s,opacity .12s}.pages-pills-arrow:disabled{opacity:.35;cursor:not-allowed}.pages-pill{appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;height:24px;padding:0 10px;display:inline-flex;align-items:center;gap:4px;background:transparent;border:1.5px solid color-mix(in oklch,var(--pill-hue, var(--color-line)) 50%,transparent);border-radius:12px;color:color-mix(in oklch,var(--pill-hue, var(--color-fg)) 70%,var(--color-fg-dim));font-family:var(--font-display);font-weight:var(--weight-bold);font-size:10px;letter-spacing:var(--tracking-tight);white-space:nowrap;flex:0 0 auto;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background .12s,border-color .12s,color .12s}.pages-pill[data-active=true]{background:var(--pill-hue, var(--color-idle));border-color:var(--pill-hue, var(--color-idle));color:var(--color-canvas)}.pages-pill[data-peeking=true]{outline:2px dashed var(--color-canvas);outline-offset:-4px}.pages-pill-num{opacity:.7;font-variant-numeric:tabular-nums}.pages-pill-sep{opacity:.4}.pages-pill-name{text-transform:none;letter-spacing:0}.pages-pill[data-compact=true]{padding:0;min-width:24px;justify-content:center;border-radius:50%}.pages-pill[data-compact=true] .pages-pill-num{opacity:1}.pages-pill[data-hue=sky]{--pill-hue: var(--page-hue-sky) }.pages-pill[data-hue=violet]{--pill-hue: var(--page-hue-violet) }.pages-pill[data-hue=amber]{--pill-hue: var(--page-hue-amber) }.pages-pill[data-hue=teal]{--pill-hue: var(--page-hue-teal) }.pages-pill[data-hue=rose]{--pill-hue: var(--page-hue-rose) }.pages-pill[data-hue=forest]{--pill-hue: var(--page-hue-forest) }.pm-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:30}.pm-modal{width:min(640px,96%);max-height:80%;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;overflow:hidden}.pm-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;min-height:var(--chrome-bar-h);border-bottom:1px solid var(--color-line)}.pm-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-tight);font-weight:var(--weight-black);font-size:var(--text-lg)}.pm-body{padding:14px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.pm-page-list{display:flex;flex-direction:column;gap:4px}.pm-page-row{display:grid;grid-template-columns:28px 28px 1fr 32px 32px 32px;gap:8px;align-items:center;padding:6px 8px;background:var(--color-surface-sunken);border:1px solid transparent;border-radius:8px;transition:border-color .12s,transform .12s,opacity .12s}.pm-page-row[data-active=true]{border-color:color-mix(in oklch,var(--color-idle) 60%,transparent)}.pm-page-row[data-dragging=true]{opacity:.5}.pm-page-row[data-drop-hover=true]{border-color:var(--color-incoming);box-shadow:0 0 0 2px color-mix(in oklch,var(--color-incoming) 30%,transparent)}.pm-drag-handle{appearance:none;-webkit-tap-highlight-color:transparent;background:transparent;border:1px solid var(--color-line);color:var(--color-fg-dim);width:28px;height:28px;border-radius:6px;cursor:grab;touch-action:none;font-family:var(--font-mono);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.pm-drag-handle:active{cursor:grabbing}.pm-page-num{color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);text-align:right}.pm-page-name{background:var(--color-canvas);color:var(--color-fg);border:1px solid var(--color-line);border-radius:6px;padding:6px 10px;font:inherit;width:100%;min-width:0}.pm-page-name:focus{outline:none;border-color:var(--color-idle)}.pm-swatch{appearance:none;cursor:pointer;width:28px;height:28px;border-radius:50%;border:2px solid color-mix(in oklch,var(--color-fg) 20%,transparent);padding:0}.pm-action{appearance:none;-webkit-tap-highlight-color:transparent;background:transparent;border:1px solid var(--color-line);color:var(--color-fg-dim);width:28px;height:28px;border-radius:6px;font-family:var(--font-mono);font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s}.pm-action:disabled{opacity:.3;cursor:not-allowed}.pm-action-danger[data-confirm=true]{color:var(--color-canvas);background:var(--color-error);border-color:var(--color-error)}.pm-add-page{align-self:flex-start;margin-top:4px;padding:6px 14px;background:transparent;border:1px dashed var(--color-line);color:var(--color-fg-dim);border-radius:6px;cursor:pointer;font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-tight)}.pm-empty{color:var(--color-fg-dim);font-style:italic;padding:12px 0}.scaled-canvas-inner{transition:translate .18s ease-out,opacity .18s ease-out}.scaled-canvas-inner[data-anim=left]{translate:-30px 0;opacity:0}.scaled-canvas-inner[data-anim=right]{translate:30px 0;opacity:0}@media (prefers-reduced-motion: reduce){.scaled-canvas-inner{transition:none}.scaled-canvas-inner[data-anim]{translate:none;opacity:1}}.seq{position:relative;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.seq-head{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--color-line);background:var(--color-surface-sunken);flex:0 0 auto}.seq-arm{appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1.5px solid var(--color-idle);border-radius:6px;color:var(--color-idle);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);letter-spacing:var(--tracking-tight);text-transform:uppercase;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.seq-arm:disabled{opacity:.35;cursor:not-allowed}.seq-arm[data-state=armed]{border-color:var(--color-armed);color:var(--color-armed);box-shadow:0 0 12px color-mix(in oklch,var(--color-armed) 40%,transparent)}.seq-arm[data-state=running]{background:var(--color-firing);border-color:var(--color-firing);color:var(--color-canvas);box-shadow:0 0 18px color-mix(in oklch,var(--color-firing) 50%,transparent)}.seq[data-slaved=true] .seq-arm[data-state=running]{background:var(--color-incoming);border-color:var(--color-incoming)}.seq-arm[data-state=killing]{background:var(--color-error);border-color:var(--color-error);color:var(--color-canvas)}.seq-arm-glyph{font-size:14px;line-height:1}.seq-arm-label{font-variant-numeric:tabular-nums}.seq-title{flex:1;min-width:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-tight);color:var(--color-fg);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:text;padding:2px 6px;margin:-2px -6px;border-radius:4px;transition:background 80ms}.seq-title-input{appearance:none;background:var(--color-surface-sunken);border:1px solid var(--color-idle);outline:none;color:var(--color-fg);font:inherit;letter-spacing:inherit;text-transform:inherit}.seq-remove{appearance:none;cursor:pointer;width:24px;height:24px;border-radius:50%;background:transparent;border:1px solid var(--color-fg-dim);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.seq-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:6px;gap:4px;overflow:hidden}.seq-missing{padding:24px;color:var(--color-fg-dim);font-style:italic;text-align:center}.seq-lane{display:grid;grid-template-columns:80px 1fr;gap:6px;align-items:stretch;flex:1;min-height:0}.seq-lane-label{display:flex;align-items:center;padding:0 8px;font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;text-align:left;touch-action:none;transition:border-color 80ms,background 80ms}.seq-lane-steps{position:relative;display:grid;grid-template-columns:repeat(var(--seq-len, 16),1fr);gap:2px;padding:3px;overflow:hidden}.seq-step{appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative;padding:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:stretch;transition:background .11s ease,border-color .11s ease,box-shadow .11s ease,transform 60ms;touch-action:none}.seq-step-bar{display:block;width:100%;height:calc(var(--vel-pct, 0) * 100%);border-radius:1px;transition:height 80ms ease-out}.seq-step[data-pulse-id]:not([data-pulse-id="0"]){animation:seq-step-pulse .22s ease-out}@keyframes seq-step-pulse{0%{transform:scale(1);box-shadow:0 0 0 transparent}50%{transform:scale(1.18);box-shadow:0 0 16px color-mix(in oklch,var(--color-firing) 60%,transparent)}to{transform:scale(1);box-shadow:0 0 0 transparent}}.seq[data-slaved=true] .seq-step[data-pulse-id]:not([data-pulse-id="0"]){animation-name:seq-step-pulse-slaved}@keyframes seq-step-pulse-slaved{0%{transform:scale(1);box-shadow:0 0 0 transparent}50%{transform:scale(1.18);box-shadow:0 0 16px color-mix(in oklch,var(--color-incoming) 70%,transparent)}to{transform:scale(1);box-shadow:0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.seq[data-arm-state=armed]{animation:none}.seq-step[data-pulse-id]:not([data-pulse-id="0"]){animation:none}}.lane-editor-backdrop{position:fixed;inset:0;background:color-mix(in oklch,var(--color-bg) 70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:center;justify-content:center;padding:32px}.lane-editor{background:var(--color-surface);border:1px solid var(--color-line);border-radius:10px;width:min(440px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000080}.lane-editor-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-line)}.lane-editor-head h2{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg)}.lane-editor-head-actions{display:flex;gap:8px}.lane-editor-cancel,.lane-editor-save{appearance:none;font:inherit;padding:6px 14px;border-radius:6px;border:1px solid var(--color-line);background:var(--color-surface-sunken);color:var(--color-fg);cursor:pointer;letter-spacing:var(--tracking-tight);transition:background 80ms,border-color 80ms}.lane-editor-save{background:color-mix(in oklch,var(--color-idle) 24%,var(--color-surface-sunken));border-color:color-mix(in oklch,var(--color-idle) 60%,transparent);color:var(--color-fg)}.lane-editor-body{padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.lane-editor-missing{color:var(--color-fg-dim);font-style:italic;text-align:center;padding:24px}.lane-editor-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px}.lane-editor-label{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg-dim)}.lane-editor-input{appearance:none;font:inherit;padding:6px 10px;border-radius:6px;border:1px solid var(--color-line);background:var(--color-surface-sunken);color:var(--color-fg);min-width:0;width:100%}.lane-editor-input:focus{outline:none;border-color:var(--color-idle)}.lane-editor-input-num{width:64px;text-align:center;-moz-appearance:textfield;appearance:textfield}.lane-editor-input-num::-webkit-outer-spin-button,.lane-editor-input-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lane-editor-segments{display:flex;border:1px solid var(--color-line);border-radius:6px;overflow:hidden;background:var(--color-surface-sunken)}.lane-editor-segment{appearance:none;font:inherit;padding:6px 14px;background:transparent;border:none;color:var(--color-fg-dim);cursor:pointer;letter-spacing:var(--tracking-tight);text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--weight-bold)}.lane-editor-segment+.lane-editor-segment{border-left:1px solid var(--color-line)}.lane-editor-segment[data-active=true]{background:color-mix(in oklch,var(--color-idle) 22%,transparent);color:var(--color-fg)}.lane-editor-stepper{display:flex;align-items:stretch;gap:4px}.lane-editor-step-btn{appearance:none;font:inherit;width:28px;border-radius:6px;border:1px solid var(--color-line);background:var(--color-surface-sunken);color:var(--color-fg);cursor:pointer;font-size:var(--text-base);line-height:1}.lane-editor-hint{font-size:var(--text-xs);color:var(--color-fg-dim);letter-spacing:var(--tracking-tight);white-space:nowrap}.lane-editor-note{margin:0;font-size:var(--text-xs);color:var(--color-fg-dim);line-height:1.4}.palette-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20}.palette-panel{width:min(880px,96%);max-height:92%;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;overflow:hidden}.palette-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;min-height:var(--chrome-bar-h);border-bottom:1px solid var(--color-line)}.palette-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-tight);font-weight:var(--weight-black);font-size:var(--text-lg)}.palette-close{appearance:none;cursor:pointer;width:32px;height:32px;background:transparent;border:1px solid var(--color-line);border-radius:6px;color:var(--color-fg-dim);font:inherit;font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center}.palette-grid{padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;overflow-y:auto}.palette-tile{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;background:var(--color-surface-sunken, color-mix(in oklch, var(--color-canvas) 50%, var(--color-surface)));border:1px solid var(--color-line);border-radius:10px;padding:14px 14px 16px;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;color:var(--color-fg);font:inherit;transition:border-color .12s ease-out,box-shadow .16s ease-out,transform 80ms ease-out}.palette-tile:active{transform:scale(.98)}.palette-tile:disabled{opacity:.55;cursor:not-allowed}.palette-tile:disabled:active{transform:none}.palette-tile[data-disabled=true] .palette-tile-desc{color:var(--color-firing);text-transform:none;letter-spacing:normal}.palette-thumb{height:100px;border-radius:6px;background:color-mix(in oklch,var(--color-canvas) 60%,transparent);border:1px solid color-mix(in oklch,var(--color-line) 60%,transparent);display:flex;align-items:center;justify-content:center;overflow:hidden}.palette-thumb svg{width:100%;height:100%;display:block}.palette-tile-name{margin-top:8px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-tight);font-weight:var(--weight-black);font-size:var(--text-base, var(--text-sm));color:var(--color-fg)}.palette-tile-desc{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim);letter-spacing:var(--tracking-caps);text-transform:uppercase}.edit-add-plus{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;min-width:28px;height:28px;padding:0 6px;background:var(--color-surface-sunken);border:1px solid var(--color-idle);border-radius:var(--radius-2);color:var(--color-idle);font-family:var(--font-mono);font-weight:var(--weight-black);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.edit-add-plus:active{transform:scale(.92)}.sd-item{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;height:100%}.sd-item-btn{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:var(--text-sm);letter-spacing:var(--tracking-caps);transition:transform 80ms ease-out,box-shadow .12s ease-out,border-color .12s ease-out,background .11s ease-out,color .11s ease-out;-webkit-user-select:none;user-select:none}.sd-item-key{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:28px;padding:0 10px;font-size:var(--text-sm);font-weight:var(--weight-black);letter-spacing:.08em}.sd-item-label{font-size:var(--text-sm)}.sd-item-name{font-size:var(--text-xs);white-space:pre-line;overflow:hidden;text-overflow:ellipsis;max-width:90%;line-height:1.1}.sd-item-status{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;text-align:center;min-height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-picker-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sd-picker-refresh{flex:0 0 auto}.sd-picker-list{display:flex;flex-direction:column;gap:4px;max-height:168px;overflow-y:auto;padding-right:2px}.sd-picker-row{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:1px;padding:6px 8px;border:var(--border-default);border-radius:var(--radius-2);background:var(--color-surface-sunken);color:var(--color-fg-dim);transition:color .12s,border-color .12s,background-color .12s}.sd-picker-row[data-selected=true]{color:var(--color-idle);border-color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 10%,var(--color-surface-sunken))}.sd-picker-row-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm)}.sd-picker-row-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-ghost)}.sd-picker-note{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-base);color:var(--color-fg-dim)}.sd-picker-note[data-tone=warn]{color:var(--color-armed)}@keyframes inspector-in{0%{opacity:0}to{opacity:1}}.inspector-panel{--insp-accent: var(--color-idle);--insp-glow: 0 0 18px color-mix(in oklch, var(--insp-accent) 45%, transparent)}.inspector-panel[data-accent=magenta]{--insp-accent: var(--color-incoming)}.inspector-panel[data-accent=amber]{--insp-accent: var(--color-armed)}.inspector-panel[data-accent=green]{--insp-accent: var(--color-ok)}.inspector-panel[data-accent=violet]{--insp-accent: var(--oklch-violet-500)}.inspector-panel[data-accent=yellow]{--insp-accent: var(--oklch-yellow-500)}.inspector-panel[data-accent=pink]{--insp-accent: var(--oklch-pink-500)}.inspector-panel[data-accent=sky]{--insp-accent: var(--oklch-skyblue-500)}.inspector-panel[data-accent=tan]{--insp-accent: var(--oklch-tan-500)}.inspector-panel[data-accent=red]{--insp-accent: var(--oklch-red-500)}.inspector-panel{position:fixed;z-index:var(--z-overlay, 100);display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% -10%,color-mix(in oklch,var(--insp-accent) 10%,transparent) 0%,transparent 60%),linear-gradient(180deg,var(--color-surface-elev) 0%,var(--color-surface) 100%);border:1px solid color-mix(in oklch,var(--color-idle) 38%,transparent);border-radius:var(--radius-4);box-shadow:0 1px color-mix(in oklch,white 6%,transparent) inset,0 18px 48px color-mix(in oklch,black 55%,transparent);animation:inspector-in .2s var(--ease-decelerate);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg);padding:var(--space-3) var(--space-4);gap:var(--space-3);top:50%;right:max(var(--space-4),calc((100vw - 1180px) / 2 - 320px - var(--space-4)));transform:translateY(-50%);width:300px;max-height:calc(100vh - var(--space-6));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-idle) transparent}.inspector-panel::-webkit-scrollbar{width:10px;background:transparent}.inspector-panel::-webkit-scrollbar-track{background:transparent}.inspector-panel::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--color-idle) 30%,transparent);border-radius:6px;border:2px solid transparent;background-clip:padding-box;transition:background .12s}.inspector-panel::-webkit-scrollbar-thumb:active{background:var(--color-idle);background-clip:padding-box}@media (max-width: 1399px){.inspector-panel{top:calc(var(--insp-safe-top, 0px) + var(--space-3));bottom:calc(var(--insp-safe-bottom, 0px) + var(--space-3));right:var(--space-3);left:auto;transform:none;width:300px;max-height:calc(100vh - var(--insp-safe-top, 0px) - var(--insp-safe-bottom, 0px) - 2 * var(--space-3))}}@media (max-width: 359px){.inspector-panel{left:0;right:0;bottom:0;width:auto;border-radius:var(--radius-3) var(--radius-3) 0 0}}.inspector-backdrop{position:fixed;top:var(--insp-safe-top, 0px);right:0;bottom:var(--insp-safe-bottom, 0px);left:0;background:color-mix(in oklch,black 25%,transparent);z-index:calc(var(--z-overlay, 100) - 1)}@media (min-width: 1400px){.inspector-backdrop{display:none}}.inspector-scroll{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.inspector-band{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.inspector-band[data-intent]{border-radius:var(--radius-3);padding:var(--space-2) var(--space-3) var(--space-3);background:color-mix(in oklch,var(--intent-hue) 7%,transparent);border:1px solid color-mix(in oklch,var(--intent-hue) 22%,transparent);border-left:2px solid color-mix(in oklch,var(--intent-hue) 60%,transparent)}.inspector-band[data-intent=does]{--intent-hue: #3d6eff }.inspector-band[data-intent=looks]{--intent-hue: #ff4040 }.inspector-band[data-intent] .inspector-band-label{color:color-mix(in oklch,var(--intent-hue) 55%,var(--color-fg))}.inspector-band[data-intent] .inspector-band-label:after{display:none}.inspector-identity{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-2)}.inspector-identity-kind{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-fg-dim)}.inspector-identity-kind:before{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:2px;background:var(--insp-accent);box-shadow:var(--insp-glow)}.inspector-identity .inspector-name-textarea{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide)}.inspector-rule{height:1px;margin:var(--space-1) 0;background:color-mix(in oklch,var(--intent-hue, var(--color-line)) 26%,transparent)}.sendbrowser{display:flex;flex-direction:column}.sendbrowser-field{position:relative}.sendbrowser-btn{flex:0 0 auto;width:28px;align-self:stretch;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-2);color:var(--color-fg-dim);font-size:11px;line-height:1;cursor:pointer}.sendbrowser-btn[data-open]{border-color:var(--color-idle);color:var(--color-fg)}.sendbrowser-btn span{display:inline-block;transition:transform .24s cubic-bezier(.4,0,.2,1)}.sendbrowser-btn[data-open] span{transform:rotate(180deg)}.sendbrowser-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1)}.sendbrowser-wrap[data-open]{grid-template-rows:1fr}.sendbrowser-inner{min-height:0;overflow:hidden}.sendbrowser-list{display:flex;flex-direction:column;margin-top:var(--space-2);border:1px solid var(--color-idle);border-radius:var(--radius-3);background:var(--color-surface-sunken, var(--color-surface));overflow:hidden}.sendbrowser-head{display:flex;align-items:baseline;gap:var(--space-2);padding:6px 8px 3px;font-family:var(--font-mono);font-size:9.5px;color:var(--color-fg-dim);letter-spacing:.05em}.sendbrowser-head b{color:var(--color-fg);font-weight:400}.sendbrowser-open{margin-left:auto;flex:0 0 auto;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;padding:3px 7px;border-radius:99px;cursor:pointer;background:none;color:var(--color-fg-dim);border:1px solid var(--color-idle)}.sendbrowser-legend{padding:0 8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--color-line);font-family:var(--font-mono);font-size:8.5px;color:var(--color-fg-dim);letter-spacing:.05em}.sendbrowser-legend [data-warn]{color:var(--color-armed)}.sendbrowser-scroll{position:relative;max-height:226px;overflow-y:auto}.sendbrowser-row{position:relative;display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;text-align:left;background:none;border:none;border-bottom:1px solid color-mix(in oklch,var(--color-line) 40%,transparent);font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim);cursor:pointer}.sendbrowser-row .sendbrowser-n{flex:0 0 34px;color:var(--color-fg)}.sendbrowser-scroll[data-space=note] .sendbrowser-n{flex:0 0 62px}.sendbrowser-who{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbrowser-who[data-free]{color:var(--color-fg-dim);opacity:.6}.sendbrowser-row[data-claimed]{background:color-mix(in oklch,var(--color-error) 9%,transparent)}.sendbrowser-row[data-claimed] .sendbrowser-n,.sendbrowser-row[data-claimed] .sendbrowser-who,.sendbrowser-row[data-claimed] .sendbrowser-chip{color:color-mix(in oklch,var(--color-error) 55%,var(--color-fg-dim));opacity:.82}.sendbrowser-chip{flex:0 0 auto;font-size:8px;letter-spacing:.09em;text-transform:uppercase;padding:1px 5px;border-radius:99px;border:1px solid currentColor;opacity:.9}.sendbrowser-row[data-cur]:after{content:"";position:absolute;inset:1px;border-radius:var(--radius-2);pointer-events:none;border:1px solid var(--color-idle);box-shadow:0 0 12px -3px var(--color-idle),inset 0 0 10px -6px var(--color-idle);opacity:.34;animation:sendbrowser-breathe 1.6s ease-in-out infinite;will-change:opacity}@keyframes sendbrowser-breathe{0%,to{opacity:.34}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.sendbrowser-wrap,.sendbrowser-btn span{transition:none}.sendbrowser-row[data-cur]:after{animation:none;opacity:.8;will-change:auto}}.source-dropdown-field{position:relative}.inspector-field>.source-dropdown{flex:1 1 auto;min-width:0}.source-dropdown-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px var(--space-2);background:var(--color-surface-sunken);border:1px solid var(--color-line);border-radius:var(--radius-2);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer}.source-dropdown-btn[data-open]{border-color:var(--color-idle)}.source-dropdown-chevron{display:inline-block;transition:transform .24s cubic-bezier(.4,0,.2,1)}.source-dropdown-btn[data-open] .source-dropdown-chevron{transform:rotate(180deg)}.source-dropdown-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1)}.source-dropdown-wrap[data-open]{grid-template-rows:1fr}.source-dropdown-inner{min-height:0;overflow:hidden}.source-dropdown-list{display:flex;flex-direction:column;margin-top:var(--space-2);border:1px solid var(--color-idle);border-radius:var(--radius-3);background:var(--color-surface-sunken, var(--color-surface));overflow:hidden}.source-dropdown-row{position:relative;width:100%;padding:7px 10px;text-align:left;background:none;border:none;border-bottom:1px solid color-mix(in oklch,var(--color-line) 40%,transparent);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg-dim);cursor:pointer}.source-dropdown-row:last-child{border-bottom:none}.source-dropdown-row[data-cur]{color:var(--color-fg)}.source-dropdown-row[data-cur]:after{content:"";position:absolute;inset:1px;border-radius:var(--radius-2);pointer-events:none;border:1px solid var(--color-idle);box-shadow:0 0 12px -3px var(--color-idle),inset 0 0 10px -6px var(--color-idle);opacity:.34;animation:sendbrowser-breathe 1.6s ease-in-out infinite;will-change:opacity}@media (prefers-reduced-motion: reduce){.source-dropdown-wrap,.source-dropdown-chevron{transition:none}.source-dropdown-row[data-cur]:after{animation:none;opacity:.8;will-change:auto}}.inspector-notice{display:flex;flex-direction:column;gap:3px;padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-error);border-radius:var(--radius-2);background:color-mix(in oklch,var(--color-error) 12%,transparent)}.inspector-notice-head{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);font-size:var(--text-sm);color:var(--color-error)}.inspector-notice-body{font-size:var(--text-xs);line-height:1.45;color:var(--color-fg)}.inspector-band-label{position:relative;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-fg-dim);margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.inspector-band-label:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,color-mix(in oklch,var(--color-idle) 32%,transparent) 0%,var(--color-line) 32%,transparent 100%)}.inspector-band[data-band=identity] .inspector-band-label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:none;color:var(--color-fg);margin-bottom:var(--space-2);padding-bottom:0}.inspector-band[data-band=identity] .inspector-band-label:after{display:none}.inspector-band[data-band=identity] .inspector-band-label:before{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:2px;background:var(--insp-accent);box-shadow:var(--insp-glow)}.inspector-zone{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-2);border:none;border-radius:var(--radius-2)}.inspector-band>.inspector-zone:nth-of-type(2n){background:color-mix(in oklch,var(--color-surface-sunken) 60%,transparent)}.inspector-field,.inspector-pills{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);width:100%}.inspector-field>span,.inspector-pills-label{flex:0 0 60px;font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-fg-dim);line-height:var(--leading-snug)}.inspector-field>input,.inspector-field>select{flex:1 1 auto;min-width:0}.inspector-pills{flex-wrap:wrap;gap:var(--space-2)}.inspector-zone-label{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim);flex:0 0 auto}.inspector-dim-block{gap:var(--space-2)}.inspector-dim-header,.inspector-dim-field{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);width:100%}.inspector-dim-field>span{flex:0 0 56px;color:var(--color-fg-dim);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.inspector-dim-field>input{flex:1 1 auto;min-width:0;padding:4px 8px;background:var(--color-surface-sunken);border:1px solid color-mix(in oklch,var(--color-fg-dim) 40%,transparent);border-radius:var(--radius-2);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-sm);text-align:right}.inspector-dim-field>input:focus{outline:1px solid var(--color-idle);outline-offset:1px}.inspector-dim-lock{appearance:none;cursor:pointer;margin-left:auto;padding:4px 10px;background:transparent;border:1px solid var(--color-fg-dim);border-radius:var(--radius-2);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--space-2);transition:border-color .12s,color .12s,box-shadow .12s}.inspector-dim-lock-glyph{font-size:14px;text-transform:none;letter-spacing:0}.inspector-field input,.inspector-field select,.inspector-name-textarea{width:auto;min-height:32px;padding:6px var(--space-2);background:var(--color-surface-sunken);border:1px solid var(--color-line);border-radius:var(--radius-2);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:none;letter-spacing:0;transition:border-color .14s,box-shadow .14s}.inspector-field input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.inspector-name-textarea{resize:none;overflow:hidden;line-height:1.3;flex:1 1 auto;min-width:0}.inspector-field input:focus,.inspector-field select:focus,.inspector-name-textarea:focus{outline:none;border-color:var(--insp-accent);box-shadow:0 0 0 1px var(--insp-accent),0 0 10px color-mix(in oklch,var(--insp-accent) 28%,transparent)}.inspector-pill{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 11px;background:color-mix(in oklch,var(--color-surface-sunken) 70%,transparent);border:1px solid var(--color-line);border-radius:var(--radius-2);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:color .16s var(--ease-spring),background .16s var(--ease-spring),border-color .16s,box-shadow .16s}.inspector-pill[data-selected=true],.inspector-pill[data-active=true]{color:var(--color-canvas);background:var(--insp-accent);border-color:var(--insp-accent);box-shadow:var(--insp-glow)}.inspector-pill[data-inherited=true]{color:var(--color-fg);background:color-mix(in oklch,var(--insp-accent) 50%,transparent);border-color:color-mix(in oklch,var(--insp-accent) 55%,var(--color-line))}.inspector-pills:has(.inspector-pill){gap:0;flex-wrap:nowrap}.inspector-pills:has(.inspector-pill) .inspector-pills-label{margin-right:var(--space-3)}.inspector-pills:has(.inspector-pill) .inspector-pill{flex:1 1 0;min-width:0;border-radius:0;padding:5px 6px;letter-spacing:var(--tracking-wide);white-space:nowrap}.inspector-pills:has(.inspector-pill) .inspector-pill:first-of-type{border-top-left-radius:var(--radius-2);border-bottom-left-radius:var(--radius-2)}.inspector-pills:has(.inspector-pill) .inspector-pill:last-of-type{border-top-right-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}.inspector-pills:has(.inspector-pill) .inspector-pill+.inspector-pill{border-left-width:0}.inspector-pills:has(.inspector-pill) .inspector-pill[data-selected=true],.inspector-pills:has(.inspector-pill) .inspector-pill[data-active=true]{border-left-width:1px;margin-left:-1px}.inspector-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.inspector-toggle input{-webkit-appearance:none;appearance:none;margin:0;flex:0 0 auto;width:17px;height:17px;border:1px solid var(--color-line-strong);border-radius:var(--radius-1);background:var(--color-surface-sunken);cursor:pointer;display:inline-grid;place-content:center;transition:background .14s,border-color .14s,box-shadow .16s}.inspector-toggle input:before{content:"";width:9px;height:9px;transform:scale(0);transition:transform .16s var(--ease-spring);background:var(--color-canvas);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.inspector-toggle input:checked{background:var(--insp-accent);border-color:var(--insp-accent);box-shadow:var(--insp-glow)}.inspector-toggle input:checked:before{transform:scale(1)}.inspector-secondary{appearance:none;cursor:pointer;padding:6px 10px;background:var(--color-surface-sunken);border:1px solid var(--color-idle);border-radius:var(--radius-2);color:var(--color-idle);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.inspector-secondary[data-pressed=true]{background:var(--color-idle);border-color:var(--color-idle);color:var(--color-canvas)}.midi-trigger-learn{align-items:center}.midi-trigger-empty{color:var(--color-fg-dim);font-size:var(--text-xs)}.midi-trigger-bound{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs)}.midi-trigger-badge{padding:1px 5px;border-radius:var(--radius-1, 4px);font-size:10px;font-weight:700;letter-spacing:var(--tracking-caps)}.midi-trigger-badge-a{background:color-mix(in oklch,var(--color-ok) 20%,transparent);color:var(--color-ok)}.midi-trigger-badge-b{background:color-mix(in oklch,var(--color-error) 16%,transparent);color:var(--color-error)}.midi-trigger-arming{color:var(--color-error);border-color:var(--color-error)}.inspector-swatch{appearance:none;cursor:pointer;width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in oklch,var(--color-fg) 12%,transparent);padding:0;background:var(--color-fg-dim);color:var(--color-fg-dim);flex:0 0 auto;transition:transform .16s var(--ease-spring),box-shadow .18s,border-color .16s}.inspector-swatch[data-color=idle]{background:var(--color-idle);color:var(--color-idle)}.inspector-swatch[data-color=incoming]{background:var(--color-incoming);color:var(--color-incoming)}.inspector-swatch[data-color=armed]{background:var(--color-armed);color:var(--color-armed)}.inspector-swatch[data-color=ok]{background:var(--color-ok);color:var(--color-ok)}.inspector-swatch[data-selected=true]{transform:scale(1.12);border-color:var(--color-fg);box-shadow:0 0 0 2px var(--color-surface),0 0 0 3px currentColor,0 0 14px currentColor}.waves-placement-map{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,20px);gap:3px;width:116px;padding:4px;background:var(--color-surface-sunken);border:1px solid var(--color-line);border-radius:var(--radius-3)}.waves-placement-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:var(--radius-1);background:color-mix(in oklch,var(--color-surface-sunken) 60%,transparent);color:var(--color-fg-dim);font-size:9px;line-height:1;transition:color .16s var(--ease-spring),background .16s var(--ease-spring),border-color .16s,box-shadow .16s}.waves-placement-btn[data-pos=top]{grid-column:2;grid-row:1}.waves-placement-btn[data-pos=left]{grid-column:1;grid-row:2}.waves-placement-btn[data-pos=right]{grid-column:3;grid-row:2}.waves-placement-btn[data-pos=bottom]{grid-column:2;grid-row:3}.waves-placement-btn[data-active=true]{color:var(--color-canvas);background:var(--insp-accent);border-color:var(--insp-accent);box-shadow:var(--insp-glow)}.waves-placement-core{grid-column:2;grid-row:2;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-1);border:1px dashed color-mix(in oklch,var(--insp-accent) 45%,transparent);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:7px;letter-spacing:var(--tracking-wide)}.inspector-hint{font-size:var(--text-xs);color:var(--color-fg-dim);font-style:italic}.shape-picker-trigger{appearance:none;cursor:pointer;width:44px;height:44px;padding:0;border:2px solid var(--color-idle);border-radius:8px;background:color-mix(in oklch,var(--color-idle) 20%,var(--color-surface));color:var(--color-fg);font-family:var(--font-mono);font-size:9px;letter-spacing:var(--tracking-caps);text-transform:uppercase;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,background .12s ease;flex:0 0 auto}.shape-picker-trigger[data-family=polygon]{border-radius:0;border-width:0;background:var(--color-idle)}.shape-picker-trigger-label{color:var(--color-bg);font-weight:var(--weight-medium);padding:2px 4px;background:color-mix(in oklch,var(--color-bg) 60%,transparent);border-radius:4px;font-size:7px}.shape-picker-popover{position:fixed;z-index:4000;padding:12px;background:var(--color-surface);border:1px solid color-mix(in oklch,var(--color-fg-dim) 30%,transparent);border-radius:12px;box-shadow:0 12px 40px #00000073}.shape-picker-grid{display:grid;grid-template-columns:repeat(4,48px);gap:8px}.shape-picker-thumb{appearance:none;cursor:pointer;width:48px;height:48px;padding:0;border:2px solid transparent;border-radius:8px;background:var(--thumb-color, var(--color-idle));transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease}.shape-picker-thumb[data-shape=rect]{border-radius:8px}.shape-picker-thumb[data-shape=pill]{border-radius:9999px}.shape-picker-thumb[data-shape=bar]{border-radius:4px;height:24px;align-self:center}.shape-picker-thumb[data-shape=circle]{border-radius:50%}.shape-picker-thumb[data-shape=ellipse]{border-radius:50%;height:32px;align-self:center}.shape-picker-thumb[data-family=polygon]{border-radius:0;border-width:0}.shape-picker-thumb[data-selected=true]{outline:2px solid var(--color-fg);outline-offset:3px}.rotation-dial{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto}.rotation-dial-svg{cursor:grab;touch-action:none}.rotation-dial-svg:active{cursor:grabbing}.rotation-dial-ring{fill:color-mix(in oklch,var(--color-idle) 6%,var(--color-surface-sunken));stroke:color-mix(in oklch,var(--color-fg-dim) 60%,transparent);stroke-width:1.5}.rotation-dial-tick{stroke:var(--color-fg-dim);stroke-width:1.5;stroke-linecap:round}.rotation-dial-tick[data-cardinal=true]{stroke:var(--color-fg);stroke-width:2}.rotation-dial-pointer{stroke:var(--color-idle);stroke-width:2;stroke-linecap:round}.rotation-dial-handle{fill:var(--color-idle);stroke:var(--color-bg);stroke-width:1.5}.rotation-dial-slider{width:100px;accent-color:var(--color-idle)}.rotation-dial-readout{appearance:none;cursor:text;background:transparent;border:none;color:var(--color-fg-dim);font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.rotation-dial-input{width:60px;padding:2px 6px;background:var(--color-surface-sunken);border:1px solid var(--color-idle);border-radius:4px;color:var(--color-fg);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.inspector-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid color-mix(in oklch,var(--color-fg-dim) 25%,transparent)}.inspector-delete{appearance:none;cursor:pointer;padding:8px 13px;background:transparent;border:1px solid color-mix(in oklch,var(--color-error) 55%,transparent);border-radius:var(--radius-2);color:var(--color-error);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background .14s,color .14s,border-color .14s,box-shadow .16s}.inspector-done{appearance:none;cursor:pointer;padding:8px 20px;background:var(--insp-accent);border:1px solid var(--insp-accent);border-radius:var(--radius-2);color:var(--color-canvas);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:box-shadow .16s,transform .12s var(--ease-spring),background .14s}.inspector-done:active{transform:translateY(0)}.opbridge-badge-dots{display:inline-flex;gap:3px;margin-left:4px}.opbridge-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-fg-dim)}.opbridge-badge-dot[data-state=connected]{background:var(--color-ok, #00d4a8)}.opbridge-badge-dot[data-state=connecting],.opbridge-badge-dot[data-state=unpaired]{background:var(--color-warn, #ffb340)}.opbridge-badge-dot[data-state=unauthorized]{background:var(--color-err, #ff5a5a)}.opbridge-badge-dot[data-state=unreachable]{background:var(--color-fg-dim);opacity:.55}.clock-pill{flex:0 0 auto;white-space:nowrap;cursor:default}.clock-pill .msg{color:var(--color-fg-dim);font-weight:var(--weight-medium)}.clock-pill[data-state=ok] .led{background:var(--color-ok);box-shadow:var(--glow-live)}.clock-pill[data-state=ok] .msg{color:var(--color-ok)}.clock-pill[data-state=warn] .led{background:var(--color-armed);box-shadow:var(--glow-armed)}.clock-pill[data-state=warn] .msg{color:var(--color-armed)}.clock-pill[data-state=idle] .led{background:var(--color-disconnected);box-shadow:none}.clock-pill[data-state=idle] .msg{color:var(--color-fg-dim)}.opbridge-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:720px}.opbridge-row{border:1px solid var(--color-line);border-radius:10px;padding:12px 14px;background:color-mix(in oklch,var(--color-surface) 85%,var(--color-canvas));display:flex;flex-direction:column;gap:6px}.opbridge-row[data-state=connected]{border-color:color-mix(in oklch,var(--color-ok, #00d4a8) 50%,var(--color-line))}.opbridge-row[data-state=unauthorized]{border-color:color-mix(in oklch,var(--color-err, #ff5a5a) 50%,var(--color-line))}.opbridge-row[data-state=unreachable]{border-color:var(--color-line)}.opbridge-row[data-state=unpaired]{border-color:color-mix(in oklch,var(--color-warn, #ffb340) 40%,var(--color-line))}.opbridge-row-head{display:flex;align-items:center;gap:8px}.opbridge-led{width:8px;height:8px;border-radius:50%;background:var(--color-fg-dim);flex-shrink:0}.opbridge-led[data-state=ok]{background:var(--color-ok, #00d4a8);box-shadow:0 0 6px var(--color-ok, #00d4a8)}.opbridge-led[data-state=warn]{background:var(--color-warn, #ffb340)}.opbridge-led[data-state=down]{background:var(--color-err, #ff5a5a)}.opbridge-row-name{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-base);letter-spacing:var(--tracking-tight)}.opbridge-row-status{font-family:var(--font-mono);font-size:12px;color:var(--color-fg-dim)}.opbridge-row-actions{margin-left:auto;display:inline-flex;gap:6px}.opbridge-row-btn{appearance:none;cursor:pointer;background:transparent;border:1px solid var(--color-line);color:var(--color-fg-dim);border-radius:6px;padding:3px 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-caps);text-transform:uppercase}.opbridge-row-meta{margin:4px 0 0;display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:12px}.opbridge-row-meta>div{display:contents}.opbridge-row-meta dt{color:var(--color-fg-dim);font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase}.opbridge-row-meta dd{margin:0;color:var(--color-fg);word-break:break-all}.opbridge-row-meta code{font-family:var(--font-mono);font-size:11px}.opbridge-form{display:flex;flex-direction:column;gap:10px}.opbridge-field{display:flex;flex-direction:column;gap:4px}.opbridge-field>span{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.opbridge-field input{appearance:none;background:var(--color-canvas);border:1px solid var(--color-line);color:var(--color-fg);border-radius:8px;padding:8px 10px;font-family:var(--font-mono);font-size:13px}.opbridge-field input:focus{outline:none;border-color:var(--color-idle)}.opbridge-form-actions{display:flex;gap:8px;margin-top:4px}.timeline-editor-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:stretch;justify-content:stretch;z-index:40;outline:none}.timeline-editor-shell{flex:1;display:flex;flex-direction:column;background:var(--color-surface);overflow:hidden}.timeline-editor-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;min-height:var(--chrome-bar-h);border-bottom:1px solid var(--color-line);background:color-mix(in oklch,var(--color-surface) 85%,var(--color-canvas))}.timeline-editor-title{display:flex;align-items:center;gap:12px}.timeline-editor-title-main{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg)}.timeline-editor-tier-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid currentColor;color:var(--color-fg-dim)}.timeline-editor-tier-badge[data-tier=action]{color:var(--color-armed)}.timeline-editor-tier-badge[data-tier=song]{color:var(--color-idle)}.timeline-editor-tier-badge[data-tier=genre]{color:var(--color-incoming)}.timeline-editor-close{appearance:none;cursor:pointer;width:32px;height:32px;background:transparent;border:1px solid var(--color-line);border-radius:var(--radius-2);color:var(--color-fg-dim);font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s}.timeline-editor-body{flex:1;display:grid;grid-template-columns:320px 1fr;overflow:hidden}.timeline-editor-body[data-manager-open=false]{grid-template-columns:1fr}.timeline-editor-list{border-right:1px solid var(--color-line);overflow-y:auto;padding:12px 0;background:color-mix(in oklch,var(--color-surface) 92%,var(--color-canvas))}.timeline-editor-group{padding:8px 14px 12px;border-bottom:1px solid color-mix(in oklch,var(--color-line) 60%,transparent)}.timeline-editor-group:last-child{border-bottom:none}.timeline-editor-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.timeline-editor-group-name{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.timeline-editor-group[data-tier=action] .timeline-editor-group-name{color:var(--color-armed)}.timeline-editor-group[data-tier=song] .timeline-editor-group-name{color:var(--color-idle)}.timeline-editor-group[data-tier=genre] .timeline-editor-group-name{color:var(--color-incoming)}.timeline-editor-group-add{appearance:none;cursor:pointer;width:22px;height:22px;border-radius:999px;border:1px solid currentColor;background:transparent;color:var(--color-fg-dim);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .12s}.timeline-editor-group-hint{font-family:var(--font-mono);font-size:11px;color:color-mix(in oklch,var(--color-fg-dim) 80%,transparent);margin-bottom:8px;line-height:1.4}.timeline-editor-group-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.timeline-editor-empty{font-family:var(--font-mono);font-size:11px;color:color-mix(in oklch,var(--color-fg-dim) 60%,transparent);padding:4px 8px}.timeline-editor-list-item{appearance:none;cursor:pointer;width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-2);color:var(--color-fg);font-family:var(--font-mono);text-align:left;transition:background .12s,border-color .12s}.timeline-editor-list-item[data-selected=true]{background:color-mix(in oklch,var(--color-idle) 14%,transparent);border-color:var(--color-idle)}.timeline-editor-list-name{font-size:var(--text-sm)}.timeline-editor-list-meta{font-size:10px;color:var(--color-fg-dim);letter-spacing:var(--tracking-tight)}.timeline-editor-detail{overflow-y:auto;padding:18px 12px}.timeline-editor-placeholder{max-width:480px;margin:40px auto 0;padding:24px;border:1px dashed var(--color-line);border-radius:10px;color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;text-align:center}.timeline-editor-placeholder-sub{margin-top:12px;font-size:12px;color:color-mix(in oklch,var(--color-fg-dim) 70%,transparent)}.timeline-editor-selected{display:flex;flex-direction:column;gap:18px;width:100%}.timeline-editor-name-row{display:flex;align-items:center;gap:12px}.timeline-editor-name-input{flex:1;appearance:none;background:var(--color-canvas);border:1px solid var(--color-line);color:var(--color-fg);border-radius:8px;padding:10px 12px;font-family:var(--font-mono);font-size:var(--text-base)}.timeline-editor-name-input:focus{outline:none;border-color:var(--color-idle)}.timeline-editor-delete{appearance:none;cursor:pointer;padding:8px 14px;border-radius:8px;border:1px solid var(--color-destructive, #d24d5a);background:transparent;color:var(--color-destructive, #d24d5a);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background .12s}.timeline-editor-sections-strip{display:flex;gap:4px;min-height:56px;padding:6px;background:var(--color-canvas);border:1px solid var(--color-line);border-radius:8px}.timeline-editor-section-block{min-width:60px;padding:6px 8px;border-radius:6px;background:color-mix(in oklch,var(--color-idle) 16%,transparent);border:1px solid color-mix(in oklch,var(--color-idle) 40%,transparent);display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-mono);color:var(--color-fg);overflow:hidden}.timeline-editor-section-block-name{font-size:11px;letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-editor-section-block-len{font-size:10px;color:var(--color-fg-dim)}.timeline-editor-sections-list{display:flex;flex-direction:column;gap:8px}.timeline-editor-sections-head{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:6px;border:1px solid color-mix(in oklch,var(--oklch-amber-500) 40%,var(--color-line));background:color-mix(in oklch,var(--oklch-amber-500) 8%,transparent)}.timeline-editor-sections-title{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--oklch-amber-500)}.timeline-editor-sections-total{font-family:var(--font-mono);font-size:11px;color:color-mix(in oklch,var(--oklch-amber-500) 60%,var(--color-fg-dim));margin-left:auto}.timeline-editor-sections-add{appearance:none;cursor:pointer;padding:6px 10px;border-radius:6px;border:1px solid var(--oklch-amber-500);background:transparent;color:var(--oklch-amber-500);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background .12s}.timeline-editor-sections-rows{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.timeline-editor-section-row{display:grid;grid-template-columns:28px 1fr 120px 32px;align-items:center;gap:8px;padding:6px 8px;background:var(--color-canvas);border:1px solid var(--color-line);border-left:3px solid color-mix(in oklch,var(--oklch-amber-500) 65%,transparent);border-radius:6px}.timeline-editor-section-num{font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim);text-align:center}.timeline-editor-section-name{appearance:none;background:transparent;border:1px solid transparent;color:var(--color-fg);border-radius:6px;padding:6px 8px;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase}.timeline-editor-section-name:focus{outline:none;border-color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 6%,transparent)}.timeline-editor-section-len{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim)}.timeline-editor-section-len input{appearance:none;width:60px;background:color-mix(in oklch,var(--color-canvas) 60%,var(--color-surface));border:1px solid var(--color-line);color:var(--color-fg);border-radius:6px;padding:6px 8px;font-family:var(--font-mono);font-size:var(--text-sm)}.timeline-editor-section-len input:focus{outline:none;border-color:var(--color-idle)}.timeline-editor-section-remove{appearance:none;cursor:pointer;width:28px;height:28px;border-radius:6px;border:1px solid var(--color-line);background:transparent;color:var(--color-fg-dim);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s}.timeline-editor-section-remove:disabled{cursor:not-allowed;opacity:.35}.timeline-editor-future{margin-top:20px;padding:12px 14px;border-radius:8px;border:1px dashed var(--color-line);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:12px;line-height:1.5}.timeline-editor-preview-controls{display:inline-flex;align-items:center;gap:8px;margin-left:8px}.timeline-editor-preview-btn{min-width:34px;height:30px;padding:0 10px;border-radius:6px;border:1px solid var(--color-line);background:transparent;color:var(--color-fg);font-size:14px;line-height:1;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.timeline-editor-preview-btn[data-playing=true]{color:var(--color-active);border-color:var(--color-line-accent)}.timeline-editor-loop-btn[data-loop=true]{color:var(--color-active);border-color:var(--color-line-accent);background:color-mix(in oklch,var(--color-active) 12%,transparent)}.timeline-editor-zoom{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--color-fg-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.timeline-editor-zoom input[type=range]{width:100px}.timeline-grid{position:relative;margin-top:14px;border-radius:10px;border:1px solid var(--color-line);background:var(--color-surface-sunken);overflow-y:auto;overflow-x:hidden;max-height:55vh;width:100%;-webkit-user-select:none;user-select:none;cursor:crosshair;box-sizing:border-box;display:flex;align-items:stretch}.timeline-grid-gutter-col{flex:0 0 140px;width:140px;min-width:140px;display:flex;flex-direction:column;border-right:1px solid var(--color-line);background:var(--color-surface);z-index:2}.timeline-grid-gutter-head{height:28px;padding:6px 10px;border-bottom:1px solid var(--color-line);display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--color-surface);box-sizing:border-box;position:relative;z-index:3;cursor:default}.timeline-grid-add-menu{position:relative;display:inline-flex;align-items:center}.timeline-grid-add-menu-trigger{width:18px;height:18px;padding:0;border-radius:4px;border:1px solid var(--color-line);background:transparent;color:var(--color-fg-dim);font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s,background .12s}.timeline-grid-add-menu[data-open=true] .timeline-grid-add-menu-trigger{color:var(--color-idle);border-color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 18%,transparent)}.timeline-grid-add-menu-panel{position:fixed;min-width:160px;padding:4px;display:flex;flex-direction:column;gap:2px;background:var(--color-surface-elev);border:1px solid var(--color-line);border-radius:6px;box-shadow:0 8px 24px color-mix(in oklch,black 40%,transparent);z-index:10000}.timeline-grid-add-menu-panel button{appearance:none;padding:6px 10px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--color-fg);font-family:var(--font-mono);font-size:11px;text-align:left;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.timeline-grid-gutter-foot{flex:1 0 auto;min-height:10px;background:var(--color-surface)}.timeline-grid-tracks-col{position:relative;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--color-idle) transparent}.timeline-grid-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.timeline-grid-empty-text{color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-sm)}.timeline-grid-empty-add{pointer-events:auto;padding:8px 16px;border-radius:6px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-fg);font-family:var(--font-mono);font-size:12px;cursor:pointer}.timeline-grid-tracks-col[data-fit=true]{overflow-x:hidden}.timeline-grid-tracks-col::-webkit-scrollbar{height:10px;width:10px;background:transparent}.timeline-grid-tracks-col::-webkit-scrollbar-track{background:transparent;border-top:1px solid var(--color-line)}.timeline-grid-tracks-col::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--color-idle) 30%,transparent);border-radius:6px;border:2px solid transparent;background-clip:padding-box;transition:background .12s}.timeline-grid-tracks-col::-webkit-scrollbar-thumb:active{background:var(--color-idle);background-clip:padding-box}.timeline-grid-tracks-col::-webkit-scrollbar-corner{background:transparent}.timeline-grid-tracks-inner{position:relative}.timeline-grid-gutter-head-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim)}.timeline-grid-ruler-wrap{position:relative;height:28px;width:100%;border-bottom:1px solid var(--color-line);box-sizing:border-box;background:var(--color-surface)}.timeline-ruler-bands{position:absolute;inset:0;pointer-events:none}.timeline-ruler-band{position:absolute;top:0;bottom:0;padding:4px 6px;overflow:hidden}.timeline-ruler-band-name{font-size:10px;letter-spacing:.06em}.timeline-ruler-bars{position:absolute;inset:0;pointer-events:none}.timeline-ruler-bar{position:absolute;top:0;bottom:0;border-left:1px solid var(--color-line)}.timeline-ruler-bar-num{position:absolute;top:4px;left:4px;font-family:var(--font-mono);font-size:10px;color:var(--color-fg-dim)}.timeline-ruler-hit{position:absolute;inset:0;cursor:pointer}.timeline-ruler-bar{pointer-events:auto}.timeline-ruler-bar:before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--px-per-bar, 96px)}.timeline-ruler-bar[data-in-marquee=true] .timeline-ruler-bar-num{color:var(--color-active)}.timeline-ruler-armed{position:absolute;top:0;bottom:0;background:color-mix(in oklch,var(--color-active) 45%,transparent);border-left:2px solid var(--color-active);border-right:2px solid var(--color-active);pointer-events:none;animation:timeline-armed-flash .9s ease-in-out infinite;z-index:3}@keyframes timeline-armed-flash{0%,to{opacity:.35}50%{opacity:.95}}.timeline-editor-preview-btn[data-armed=true]{color:var(--color-active);border-color:var(--color-active);animation:timeline-armed-flash .9s ease-in-out infinite}.timeline-lane-gutter{height:56px;display:flex;align-items:center;padding:0 8px;gap:6px;border-bottom:1px solid var(--color-line);background:var(--color-surface);box-sizing:border-box;cursor:default}.timeline-lane-gutter[data-kind=midi]{border-left:3px solid var(--oklch-cyan-500)}.timeline-lane-gutter[data-kind=dmx-rig],.timeline-lane-gutter[data-kind=dmx-fixture]{border-left:3px solid var(--oklch-magenta-500)}.timeline-lane-gutter[data-kind=osc]{border-left:3px solid var(--oklch-amber-500)}.timeline-lane-gutter[data-kind=marker]{border-left:3px solid var(--oklch-green-500)}.timeline-lane-gutter[data-kind=mixed]{border-left:3px solid var(--color-line)}.timeline-lane-name{flex:1;min-width:0;background:transparent;border:1px solid transparent;color:var(--color-fg);font-size:12px;padding:4px 6px;border-radius:4px}.timeline-lane-remove[data-armed=true]{border-color:var(--color-destructive);color:var(--color-destructive);background:color-mix(in oklch,var(--color-destructive) 14%,transparent)}.timeline-lane-remove{width:20px;height:20px;border-radius:4px;border:1px solid var(--color-line);background:transparent;color:var(--color-fg-dim);font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s}.timeline-lane-track{position:relative;height:56px;border-bottom:1px solid var(--color-line);box-sizing:border-box}.timeline-lane-gutter[data-drag-dim=true],.timeline-lane-track[data-drag-dim=true]{opacity:.5;transition:opacity .12s ease-out}.timeline-beat-grid{position:absolute;inset:0;pointer-events:none}.timeline-beat-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--color-line-hairline)}.timeline-beat-tick[data-strong=true]{background:var(--color-line)}.timeline-lane-drop-preview{position:absolute;top:4px;bottom:4px;width:2px;background:var(--color-active);box-shadow:0 0 6px var(--color-active);pointer-events:none}.timeline-step-block{position:absolute;top:8px;bottom:8px;padding:4px 8px 4px 11px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grab;transition:transform 90ms,border-color 90ms,box-shadow 90ms,background .11s ease;-webkit-user-select:none;user-select:none}.timeline-step-block[data-selected=true]{transform:translateY(-1px)}.timeline-step-block[data-dragging=true]{cursor:grabbing;opacity:.85;z-index:5;box-shadow:0 4px 12px color-mix(in oklch,black 40%,transparent)}.timeline-step-block[data-reject=true]{cursor:not-allowed}.timeline-step-block-label{display:block;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.timeline-step-resize{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;background:transparent;z-index:3}.timeline-step-resize-left{left:-2px}.timeline-step-resize-right{right:-2px}.timeline-step-resize:after{content:"";position:absolute;top:18%;bottom:18%;left:50%;width:2px;border-radius:1px;background:color-mix(in oklch,var(--color-fg) 50%,transparent);transform:translate(-1px);opacity:0;transition:opacity .12s,background .12s}.timeline-grid-playhead{position:absolute;top:28px;bottom:0;width:2px;background:var(--color-just-fired);pointer-events:none;z-index:2;box-shadow:0 0 8px var(--color-just-fired)}.timeline-editor-action-len{margin-top:14px;padding:10px 12px;border-radius:8px;border:1px solid var(--color-line);display:flex;align-items:center;gap:12px}.timeline-editor-action-len label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--color-fg)}.timeline-editor-action-len input[type=number]{width:70px;padding:4px 6px;border-radius:4px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-fg)}.timeline-editor-action-hint{color:var(--color-fg-dim);font-size:11px;font-family:var(--font-mono)}.timeline-editor-footnote{margin-top:12px;color:var(--color-fg-dim);font-size:11px;font-family:var(--font-mono);line-height:1.5}.timeline-editor-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.timeline-editor-main>.timeline-editor-detail{flex:0 0 auto;min-height:0;overflow:auto}.timeline-editor-list-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 6px 12px;border-bottom:1px solid var(--color-line)}.timeline-editor-list-head-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--color-fg-dim)}.timeline-editor-list-collapse{width:22px;height:22px;border-radius:5px;border:1px solid var(--color-line);background:transparent;color:var(--color-fg-dim);cursor:pointer;font-size:14px;line-height:1}.timeline-editor-manager-toggle{width:26px;height:26px;border-radius:6px;border:1px solid var(--color-line);background:transparent;color:var(--color-fg);cursor:pointer;font-size:16px;line-height:1;margin-right:8px}.timeline-palette{flex:1 1 auto;min-height:140px;border-top:1px solid var(--color-line);background:var(--color-surface);display:flex;flex-direction:column;overflow:hidden}.timeline-editor-sections-slot{flex:0 0 auto;border-top:1px solid var(--color-line);background:var(--color-surface);padding:10px 12px;max-height:30vh;overflow-y:auto}.timeline-palette-head{padding:10px 12px;border-bottom:1px solid color-mix(in oklch,var(--oklch-magenta-500) 40%,var(--color-line));background:color-mix(in oklch,var(--oklch-magenta-500) 8%,transparent);display:flex;align-items:center;justify-content:space-between}.timeline-palette-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--oklch-magenta-500)}.timeline-palette-hint{font-family:var(--font-mono);font-size:10px;color:color-mix(in oklch,var(--oklch-magenta-500) 65%,var(--color-fg-dim))}.timeline-palette-empty{padding:14px;color:var(--color-fg-dim);font-size:12px;line-height:1.5}.timeline-palette-body{list-style:none;margin:0;overflow-x:auto;overflow-y:hidden;flex:1;padding:8px;display:flex;flex-direction:row;gap:6px;align-items:stretch;background:color-mix(in oklch,var(--oklch-magenta-500) 3%,transparent)}.timeline-palette-body>li{display:flex;min-width:140px}.timeline-palette-body>li>.timeline-palette-chip{flex:1}.timeline-palette-chip{padding:6px 8px;border-radius:6px;border:1px solid var(--color-line);background:var(--color-surface-elev);cursor:grab;display:flex;flex-direction:column;gap:2px;transition:border-color .12s,background .12s}.timeline-palette-chip:active{cursor:grabbing}.timeline-palette-chip[data-color=cyan]{border-left:3px solid var(--oklch-cyan-500)}.timeline-palette-chip[data-color=magenta]{border-left:3px solid var(--oklch-magenta-500)}.timeline-palette-chip[data-color=amber]{border-left:3px solid var(--oklch-amber-500)}.timeline-palette-chip[data-color=green]{border-left:3px solid var(--oklch-green-500)}.timeline-palette-chip-name{font-size:12px;color:var(--color-fg);font-weight:500}.timeline-palette-chip-meta{font-size:10px;color:var(--color-fg-dim);font-family:var(--font-mono)}.timeline-palette-lighting{margin-top:12px;padding:8px 10px 10px;border-top:1px solid var(--color-bg-3)}.timeline-palette-lighting-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.timeline-palette-lighting-title{font-family:var(--font-display);font-size:11px;letter-spacing:.08em;color:var(--color-fg-dim)}.timeline-palette-lighting-hint{font-family:var(--font-mono);font-size:9px;color:var(--color-fg-dim);opacity:.7}.timeline-palette-lighting-grid{display:grid;grid-template-columns:repeat(8,24px);gap:4px;justify-content:start}.timeline-palette-lighting-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-bg-3);cursor:grab;transition:transform 80ms ease,box-shadow 80ms ease}.timeline-palette-lighting-swatch:active{cursor:grabbing}.timeline-palette-lighting-swatch[data-off=true]{border-style:dashed;border-color:var(--color-fg-dim)}.timeline-palette-drag-clip-live{position:fixed;z-index:10000;pointer-events:none;border-radius:5px;background:color-mix(in oklch,var(--oklch-cyan-500) 40%,var(--color-surface));border:1px solid color-mix(in oklch,var(--oklch-cyan-500) 75%,transparent);box-shadow:0 4px 14px color-mix(in oklch,black 45%,transparent);display:flex;align-items:center;padding:0 6px;font-family:var(--font-mono);font-size:11px;color:var(--color-fg);overflow:hidden}.timeline-palette-drag-clip-live[data-color=magenta]{background:color-mix(in oklch,var(--oklch-magenta-500) 40%,var(--color-surface));border-color:color-mix(in oklch,var(--oklch-magenta-500) 75%,transparent)}.timeline-palette-drag-clip-live[data-color=amber]{background:color-mix(in oklch,var(--oklch-amber-500) 40%,var(--color-surface));border-color:color-mix(in oklch,var(--oklch-amber-500) 75%,transparent)}.timeline-palette-drag-clip-live[data-color=green]{background:color-mix(in oklch,var(--oklch-green-500) 40%,var(--color-surface));border-color:color-mix(in oklch,var(--oklch-green-500) 75%,transparent)}.timeline-palette-drag-clip-live[data-reject=true]{background:color-mix(in oklch,var(--color-destructive) 32%,var(--color-surface));border-color:var(--color-destructive)}.timeline-palette-drag-clip-live-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.timeline-palette-drag-info{position:fixed;z-index:10001;pointer-events:none;padding:6px 10px;border-radius:5px;background:var(--color-surface-elev);border:1px solid var(--color-line);box-shadow:0 6px 18px color-mix(in oklch,black 40%,transparent);display:flex;flex-direction:column;gap:2px;min-width:120px;font-family:var(--font-mono);font-size:11px;color:var(--color-fg)}.timeline-palette-drag-info-meta{color:var(--color-fg-dim);font-size:10px}.timeline-palette-drag-info-drop{color:var(--color-idle);font-weight:500}.timeline-palette-drag-info-reject{color:var(--color-destructive);font-weight:500}.timeline-palette-drag-info-hint{color:var(--color-fg-dim);font-style:italic}.timeline-lane-gutter[data-kind=dmx-rig],.timeline-lane-gutter[data-kind=dmx-fixture]{background:color-mix(in oklch,var(--oklch-magenta-500) 10%,var(--color-surface))}.timeline-lane-track[data-kind=dmx-rig],.timeline-lane-track[data-kind=dmx-fixture]{background:color-mix(in oklch,var(--oklch-magenta-500) 6%,transparent);cursor:crosshair}.timeline-color-lane-strip{position:absolute;inset:8px 0;pointer-events:none;border-radius:3px;overflow:hidden;opacity:.85}.timeline-color-lane-segment{position:absolute;top:0;bottom:0}.timeline-color-marker-ghost{position:absolute;top:10px;bottom:10px;border:2px dashed color-mix(in oklch,var(--color-active) 70%,transparent);border-radius:4px;background:color-mix(in oklch,var(--color-active) 12%,transparent);pointer-events:none;z-index:3;animation:timeline-armed-flash .9s ease-in-out infinite}.timeline-color-marker{position:absolute;top:10px;bottom:10px;border:2px solid var(--color-canvas);border-radius:4px;box-shadow:0 0 6px color-mix(in oklch,currentColor 40%,transparent);cursor:move;z-index:3;transition:filter 90ms}.timeline-marquee{position:fixed;border:1px dashed color-mix(in oklch,var(--color-active) 80%,transparent);background:color-mix(in oklch,var(--color-active) 12%,transparent);pointer-events:none;z-index:200}.timeline-marquee[data-column-mode=true]{border-color:color-mix(in oklch,var(--color-active) 90%,transparent);border-left-width:2px;border-right-width:2px;background:color-mix(in oklch,var(--color-active) 18%,transparent)}body.timeline-marquee-active,body.timeline-marquee-active *{-webkit-user-select:none!important;user-select:none!important;cursor:default!important}body.timeline-keyframe-dragging,body.timeline-keyframe-dragging *{cursor:none!important}.timeline-color-marker[data-selected=true]{outline:2px solid var(--color-just-fired);outline-offset:2px}.timeline-color-marker[data-curve=hold]:after,.timeline-color-marker[data-curve=ease-in]:after,.timeline-color-marker[data-curve=ease-out]:after,.timeline-color-marker[data-curve=ease-in-out]:after{content:"";position:absolute;right:4px;bottom:4px;width:14px;height:4px;border-radius:2px;background:color-mix(in oklch,var(--color-fg) 30%,transparent)}.timeline-color-marker[data-curve=hold]:after{background:color-mix(in oklch,var(--oklch-amber-500) 65%,transparent)}.timeline-color-marker[data-curve=ease-in]:after{background:linear-gradient(to right,transparent,color-mix(in oklch,var(--color-fg) 55%,transparent))}.timeline-color-marker[data-curve=ease-out]:after{background:linear-gradient(to right,color-mix(in oklch,var(--color-fg) 55%,transparent),transparent)}.timeline-color-marker[data-curve=ease-in-out]:after{background:linear-gradient(to right,transparent,color-mix(in oklch,var(--color-fg) 55%,transparent),transparent)}.timeline-color-menu-backdrop{position:fixed;inset:0;z-index:90}.timeline-color-menu{position:fixed;z-index:91;min-width:160px;padding:6px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-line);box-shadow:0 12px 32px color-mix(in oklch,var(--color-canvas) 60%,transparent);display:flex;flex-direction:column;gap:2px}.timeline-color-menu-item{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:6px 10px;border-radius:5px;border:none;background:transparent;color:var(--color-fg);font-size:12px;cursor:pointer}.timeline-color-menu-item[disabled],.timeline-color-menu-item[data-disabled=true]{cursor:not-allowed;color:var(--color-fg-dim);opacity:.5}.timeline-color-menu-shortcut{font-family:var(--font-mono);font-size:10px;color:var(--color-fg-dim);letter-spacing:.04em}.timeline-color-menu-sep{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim);padding:6px 10px 2px}.timeline-color-picker-backdrop{position:fixed;inset:0;z-index:92}.timeline-color-picker{position:fixed;z-index:93;width:260px;padding:12px;border-radius:10px;background:var(--color-surface);border:1px solid var(--color-line);box-shadow:0 16px 48px color-mix(in oklch,var(--color-canvas) 70%,transparent);display:flex;flex-direction:column;gap:10px}.timeline-color-picker-swatch{height:44px;border-radius:6px;border:1px solid color-mix(in oklch,var(--color-fg) 25%,transparent);box-shadow:0 0 12px color-mix(in oklch,currentColor 30%,transparent)}.timeline-color-picker-presets{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.timeline-color-picker-preset{width:100%;aspect-ratio:1;border-radius:4px;border:1px solid color-mix(in oklch,var(--color-fg) 25%,transparent);cursor:pointer;padding:0}.timeline-color-picker-sliders{display:flex;flex-direction:column;gap:4px}.timeline-color-picker-slider{display:grid;grid-template-columns:14px 1fr 30px;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim)}.timeline-color-picker-slider[data-ch=r] input[type=range]{accent-color:#ff2d2d}.timeline-color-picker-slider[data-ch=g] input[type=range]{accent-color:#2dff5a}.timeline-color-picker-slider[data-ch=b] input[type=range]{accent-color:#3a7dff}.timeline-color-picker-hex{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--color-fg-dim)}.timeline-color-picker-hex input{background:var(--color-surface-sunken);border:1px solid var(--color-line);border-radius:4px;padding:4px 6px;color:var(--color-fg);font-family:var(--font-mono);font-size:12px}.timeline-color-picker-done{align-self:flex-end;padding:6px 14px;border-radius:6px;border:1px solid var(--color-line);background:transparent;color:var(--color-fg);font-size:12px;cursor:pointer}.timeline-fixture-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid color-mix(in oklch,var(--color-fg) 25%,transparent);box-shadow:0 0 6px color-mix(in oklch,currentColor 25%,transparent);flex-shrink:0;margin-right:6px}.fixture-picker-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--color-canvas) 78%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.fixture-picker{min-width:360px;max-width:480px;background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #00000080}.fixture-picker-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-line)}.fixture-picker-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--color-fg)}.fixture-picker-close{width:24px;height:24px;border-radius:5px;border:1px solid var(--color-line);background:transparent;color:var(--color-fg-dim);font-size:14px;cursor:pointer}.fixture-picker-hint{padding:10px 14px;color:var(--color-fg-dim);font-size:12px;font-family:var(--font-mono);line-height:1.4;border-bottom:1px solid var(--color-line-hairline)}.fixture-picker-empty{padding:20px 14px;color:var(--color-fg-dim);font-size:12px;text-align:center}.fixture-picker-list{list-style:none;margin:0;padding:8px;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.fixture-picker-item{width:100%;text-align:left;padding:10px 12px;border:1px solid var(--color-line);border-radius:6px;background:var(--color-surface-elev);color:var(--color-fg);cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .12s}.fixture-picker-item-name{font-size:13px;font-weight:500}.fixture-picker-item-meta{font-size:10px;color:var(--color-fg-dim);font-family:var(--font-mono)}.fader{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:pointer}.fader-track{position:absolute}.fader[data-vertical=true] .fader-track{left:50%;transform:translate(-50%);top:8px;bottom:8px;width:12px}.fader[data-vertical=false] .fader-track{top:50%;transform:translateY(-50%);left:8px;right:8px;height:12px}.fader-fill{position:absolute}.fader[data-vertical=true] .fader-fill{left:50%;transform:translate(-50%);bottom:8px;width:12px}.fader[data-vertical=false] .fader-fill{top:50%;transform:translateY(-50%);left:8px;height:12px}.fader-handle{position:absolute}.fader[data-vertical=true] .fader-handle{left:6px;right:6px;height:16px}.fader[data-vertical=false] .fader-handle{top:6px;bottom:6px;width:16px}.fader-name{position:absolute;top:3px;left:4px;right:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.fader-readout{position:absolute;bottom:4px;left:4px;right:4px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--color-fg-dim);pointer-events:none}.fader-value{font-weight:var(--weight-bold)}.fader[data-vertical=false] .fader-readout{bottom:-14px}.xypad{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:crosshair}.xypad-crosshair{position:absolute;pointer-events:none}.xypad-crosshair-h{left:0;right:0;top:50%;height:1px}.xypad-crosshair-v{top:0;bottom:0;left:50%;width:1px}.xypad-puck{position:absolute;width:28px;height:28px;border-radius:50%;pointer-events:none}.xypad-name{position:absolute;top:3px;left:4px;right:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.xypad-readout{position:absolute;left:4px;right:4px;bottom:4px;display:flex;justify-content:space-between;align-items:baseline;font-size:9px;pointer-events:none}.xypad-readout-value{font-size:11px}.timeline-launcher{width:100%;height:100%;padding:8px;border-radius:8px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.timeline-launcher-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}.timeline-launcher-empty-title{font-size:11px;margin-bottom:4px}.timeline-launcher-empty-sub{font-size:10px}.timeline-launcher-header{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px}.timeline-launcher-tier{padding:1px 6px;border-radius:3px;background:color-mix(in oklch,var(--tl-tint, var(--color-ok)) 20%,transparent);color:var(--tl-tint, var(--color-ok));text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:9px;font-weight:var(--weight-bold)}.timeline-launcher-name{color:var(--color-fg);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.timeline-launcher-loop{flex:0 0 auto;color:var(--tl-tint, var(--color-active));font-size:11px;line-height:1}.timeline-launcher-body{flex:1;display:flex;gap:6px;min-height:0}.timeline-launcher-whole{appearance:none;cursor:pointer;padding:8px 12px;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:60px;flex-shrink:0;transition:background .1s,transform 80ms}.timeline-launcher-whole:active{transform:scale(.97)}.timeline-launcher[data-mode=whole] .timeline-launcher-whole{flex:1}.timeline-launcher-play{font-size:18px;line-height:1}.timeline-launcher-whole-label{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:9px}.timeline-launcher-sections{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;overflow:auto}.timeline-launcher-section{appearance:none;cursor:pointer;flex:1 1 auto;min-width:60px;padding:6px 8px;font-size:10px;letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background .11s ease,border-color .11s ease,box-shadow .11s ease,transform 80ms}.timeline-launcher-live{flex:0 0 auto;width:8px;height:8px;border-radius:50%;animation:tl-launch-pulse 1.2s ease-in-out infinite}.timeline-launcher-live[data-armed=true]{animation-duration:.5s}@keyframes tl-launch-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.timeline-launcher-viz{flex:0 0 auto;display:flex;align-items:center;gap:6px}.timeline-launcher-viz-strip{position:relative;flex:1 1 auto;min-width:0;height:14px;display:flex;border-radius:3px;overflow:hidden;background:color-mix(in oklch,var(--color-canvas) 50%,transparent);border:1px solid var(--color-line)}.tl-viz-sec{flex:1 1 0;min-width:0;background:hsl(var(--sec-hue, 200) 45% 45% / .35);transition:background .12s}.tl-viz-sec:last-child{border-right:none}.tl-viz-sec[data-active=true]{background:hsl(var(--sec-hue, 200) 70% 55% / .85)}.tl-viz-head{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--color-fg);box-shadow:0 0 6px var(--color-fg);pointer-events:none;transform:translate(-1px)}.tl-viz-readout{flex:0 0 auto;font-family:var(--font-mono);font-size:9px;color:var(--color-fg-dim);letter-spacing:.04em;min-width:34px;text-align:right}.timeline-launcher-viz[data-armed=true] .timeline-launcher-viz-strip{animation:tl-launch-pulse .5s ease-in-out infinite}.piano{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;display:flex;flex-direction:column}.piano-keys{position:relative;flex:1;min-height:0;display:flex;border-radius:4px 4px 0 0;overflow:hidden}.piano-white-key{flex:1 1 0;min-width:0;cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:background .11s ease,border-color .11s ease,box-shadow .11s ease}.piano-white-label{font-size:9px;pointer-events:none;letter-spacing:var(--tracking-caps)}.piano-white-index{display:none}.piano-black-key{position:absolute;top:0;bottom:40%;border-radius:0 0 3px 3px;cursor:pointer;z-index:3;transition:background .11s ease,border-color .11s ease,box-shadow .11s ease}.piano-readout{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;font-size:9px;pointer-events:none;border-top:var(--sk-border) solid var(--sk-line);background:var(--sk-sunken)}.piano-readout-mode{text-transform:uppercase;letter-spacing:var(--tracking-caps)}.hdr-left-performance{display:flex;align-items:center;gap:10px}.performance-mode-tag{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-black);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-armed)}.performance-lock-glyph{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:32px;padding:0;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm, 4px);background:var(--color-surface-elev);color:var(--color-fg);cursor:pointer;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.performance-lock-ring{position:absolute;inset:0;background:color-mix(in oklch,var(--color-destructive) 60%,transparent);transform:scaleY(0);transform-origin:bottom;transition:transform .12s linear;pointer-events:none}.performance-lock-glyph[data-holding=true] .performance-lock-ring{transform:scaleY(1);transition:transform var(--hold-ms, 2s) linear}.performance-lock-glyph[data-holding=true]{border-color:var(--color-destructive)}.performance-lock-icon{position:relative;z-index:1;font-size:14px;line-height:1}.hdr-right-performance{display:flex;align-items:center;gap:10px;margin-left:auto}.shell[data-mode=performance]{filter:brightness(var(--stage-dim, 1));transition:filter .14s ease}.shell[data-pick-mode=true] .editable-item:not([data-kind=button]){opacity:.25;pointer-events:none;transition:opacity .14s ease}.stage-dim{display:flex;align-items:center;gap:8px;color:var(--color-fg-dim)}.stage-dim-icon{font-size:13px;line-height:1}.stage-dim-slider{width:96px;accent-color:var(--color-armed);cursor:pointer}.panic-button{appearance:none;border:1px solid var(--color-destructive);background:color-mix(in oklch,var(--color-destructive) 16%,transparent);color:var(--color-destructive);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-black);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:5px 14px;border-radius:var(--radius-sm, 4px);cursor:pointer;touch-action:manipulation;transition:background .12s ease,box-shadow .12s ease,color .12s ease}.panic-button:active,.panic-button[data-firing=true]{background:var(--color-destructive);color:var(--color-fg-inverse);box-shadow:0 0 14px 3px color-mix(in oklch,var(--color-destructive) 65%,transparent)}.toast-host{position:fixed;left:50%;bottom:3%;transform:translate(-50%);z-index:var(--z-toast, 2000);display:flex;flex-direction:column-reverse;align-items:center;gap:8px;width:max-content;max-width:86%;pointer-events:none}.toast{pointer-events:auto;appearance:none;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1.3;padding:9px 16px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-line-strong);background:var(--color-surface-elev);color:var(--color-fg);box-shadow:0 6px 22px color-mix(in oklch,#000 55%,transparent);cursor:pointer;max-width:100%;animation:toast-in .16s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast[data-kind=ok]{border-color:color-mix(in oklch,var(--color-ok, var(--color-armed)) 60%,transparent)}.toast[data-kind=warn]{border-color:color-mix(in oklch,var(--color-armed) 66%,transparent);color:var(--color-armed)}.toast[data-kind=error]{border-color:var(--color-destructive);color:color-mix(in oklch,var(--color-destructive) 88%,var(--color-fg))}.midi-button[data-armed=true],.bg-cell[data-armed=true],.transpose-cell[data-armed=true]{outline:2px solid var(--color-armed);outline-offset:1px;animation:guard-arm-pulse .62s ease-in-out infinite alternate;position:relative;z-index:1}@keyframes guard-arm-pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--color-armed) 60%,transparent)}to{box-shadow:0 0 12px 3px color-mix(in oklch,var(--color-armed) 60%,transparent)}}.fader[data-grabbed=true] .fader-handle,.preflight-overlay [data-status=pass],.preflight-chip[data-status=pass]{--pf: var(--color-ok)}.preflight-overlay [data-status=warn],.preflight-chip[data-status=warn]{--pf: var(--color-armed)}.preflight-overlay [data-status=fail],.preflight-chip[data-status=fail]{--pf: var(--color-destructive)}.preflight-overlay [data-status=info],.preflight-chip[data-status=info],.preflight-chip[data-status=running]{--pf: var(--color-fg-dim)}.preflight-overlay{position:fixed;inset:4%;z-index:var(--z-modal, 1000);display:flex;flex-direction:column;background:color-mix(in oklch,var(--color-surface) 96%,transparent);border:1px solid var(--color-line-strong);border-radius:var(--radius-3);box-shadow:0 20px 60px color-mix(in oklch,#000 60%,transparent);overflow:hidden}.preflight-overlay[data-bar-position=bottom]{flex-direction:column-reverse}.preflight-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--color-line);flex:0 0 auto}.preflight-overlay[data-bar-position=bottom] .preflight-head{border-bottom:none;border-top:1px solid var(--color-line)}.preflight-title{font-family:var(--font-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-size:var(--text-sm);color:var(--color-fg)}.preflight-worst{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--pf, var(--color-fg-dim))}.preflight-head-spacer{flex:1 1 auto}.preflight-rerun,.preflight-dismiss{appearance:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);padding:4px 12px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-line-strong);background:var(--color-surface-elev);color:var(--color-fg)}.preflight-rerun:disabled{opacity:.5;cursor:default}.preflight-rows{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.preflight-empty{padding:24px;text-align:center;color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-sm)}.preflight-row{appearance:none;cursor:pointer;text-align:left;width:100%;display:grid;grid-template-columns:22px minmax(120px,max-content) 1fr;grid-template-areas:"glyph label detail" ". remedy remedy";align-items:center;gap:4px 10px;padding:9px 14px;border:none;border-bottom:1px solid var(--color-line);background:transparent;color:var(--color-fg);border-left:3px solid var(--pf, transparent)}.preflight-row-glyph{grid-area:glyph;color:var(--pf);font-weight:var(--weight-bold);text-align:center}.preflight-row-label{grid-area:label;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm)}.preflight-row-detail{grid-area:detail;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim);overflow:hidden;text-overflow:ellipsis}.preflight-row-remedy{grid-area:remedy;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--pf);padding-top:2px}.preflight-chip{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:10px;border:1px solid color-mix(in oklch,var(--pf, var(--color-line)) 55%,transparent);background:color-mix(in oklch,var(--pf, var(--color-fg)) 10%,transparent);color:var(--pf, var(--color-fg-dim));font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold)}.preflight-chip-glyph{line-height:1}.preflight-chip-time{font-variant-numeric:tabular-nums}.transpose{display:flex;width:100%;height:100%;gap:2px}.transpose-cell{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;appearance:none;font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .11s ease,border-color .11s ease,box-shadow .11s ease,color .11s ease}.waves-autotune{display:flex;width:100%;height:100%;gap:2px}.waves-autotune[data-placement=bottom],.waves-autotune[data-placement=top]{flex-direction:column}.waves-autotune[data-placement=left],.waves-autotune[data-placement=right]{flex-direction:row}.waves-autotune[data-placement=top] .waves-autotune-scales,.waves-autotune[data-placement=left] .waves-autotune-scales{order:-1}.waves-autotune-keys{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:0}.waves-autotune[data-placement=bottom] .waves-autotune-keys,.waves-autotune[data-placement=top] .waves-autotune-keys{flex:2 2 0}.waves-autotune[data-placement=left] .waves-autotune-keys,.waves-autotune[data-placement=right] .waves-autotune-keys{flex:1 1 0}.waves-autotune-keys .waves-autotune-row{flex:1 1 0;min-height:0}.waves-autotune-scales{display:flex;gap:2px;min-width:0;min-height:0}.waves-autotune[data-placement=bottom] .waves-autotune-scales,.waves-autotune[data-placement=top] .waves-autotune-scales{flex:1 1 0;flex-direction:row}.waves-autotune[data-placement=left] .waves-autotune-scales,.waves-autotune[data-placement=right] .waves-autotune-scales{flex-direction:column}.waves-autotune-scales .transpose-cell{letter-spacing:.5px;text-transform:uppercase}.waves-conflict-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-canvas) 70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.waves-conflict-dialog{width:min(560px,92%);max-height:84%;overflow-y:auto;background:var(--color-panel, var(--color-canvas));border:1px solid color-mix(in oklch,var(--color-armed) 55%,transparent);border-radius:var(--radius-md, 8px);padding:18px 20px;box-shadow:0 12px 40px #00000080}.waves-conflict-title{font-family:var(--font-mono);font-weight:var(--weight-black);font-size:var(--text-base);color:var(--color-armed);margin-bottom:10px}.waves-conflict-body{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text, #cfe);line-height:1.4}.waves-conflict-row{margin-top:12px;padding:10px;border:1px solid color-mix(in oklch,var(--color-line, #345) 80%,transparent);border-radius:var(--radius-sm, 4px)}.waves-conflict-cc{font-weight:var(--weight-bold);color:var(--color-incoming);margin-bottom:6px}.waves-conflict-cols{display:flex;align-items:stretch;gap:10px}.waves-conflict-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}.waves-conflict-h{font-size:var(--text-xs, .7rem);text-transform:uppercase;letter-spacing:.5px;opacity:.6}.waves-conflict-v{font-weight:var(--weight-bold)}.waves-conflict-arrow{align-self:center;color:var(--color-armed);font-weight:var(--weight-black)}.waves-conflict-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.waves-conflict-actions button{appearance:none;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-sm);padding:8px 16px;border-radius:var(--radius-sm, 4px);cursor:pointer}.waves-conflict-cancel{background:transparent;border:1px solid color-mix(in oklch,var(--color-idle) 55%,transparent);color:var(--color-idle)}.waves-conflict-confirm{background:color-mix(in oklch,var(--color-armed) 85%,transparent);border:1px solid var(--color-armed);color:var(--color-canvas)}.connect-approval-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-canvas) 70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.connect-approval-dialog{width:min(420px,90%);display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--color-panel, var(--color-canvas));border:1px solid color-mix(in oklch,var(--color-armed) 55%,transparent);border-radius:var(--radius-md, 8px);padding:24px 22px 20px;box-shadow:0 12px 40px #00000080}.connect-approval-dialog[data-outcome=approved]{border-color:color-mix(in oklch,var(--midi, #34d18c) 55%,transparent)}.connect-approval-dialog[data-outcome=denied],.connect-approval-dialog[data-outcome=expired]{border-color:color-mix(in oklch,var(--color-disconnected, #ff6b6b) 55%,transparent)}.connect-approval-title{font-family:var(--font-mono);font-weight:var(--weight-black);font-size:var(--text-base);color:var(--color-armed);margin-bottom:8px}.connect-approval-dialog[data-outcome=approved] .connect-approval-title{color:var(--midi, #34d18c)}.connect-approval-dialog[data-outcome=denied] .connect-approval-title,.connect-approval-dialog[data-outcome=expired] .connect-approval-title{color:var(--color-disconnected, #ff6b6b)}.connect-approval-body{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text, #cfe);line-height:1.4}.connect-approval-outcome-icon{font-size:32px;line-height:1;margin-bottom:6px}.connect-approval-dialog[data-outcome=approved] .connect-approval-outcome-icon{color:var(--midi, #34d18c)}.connect-approval-dialog[data-outcome=denied] .connect-approval-outcome-icon,.connect-approval-dialog[data-outcome=expired] .connect-approval-outcome-icon{color:var(--color-disconnected, #ff6b6b)}.connect-approval-ring-wrap{position:relative;width:120px;height:120px;margin:18px 0 4px;display:flex;align-items:center;justify-content:center}.connect-approval-ring{width:120px;height:120px;transform:rotate(-90deg)}.connect-approval-ring .ca-track{fill:none;stroke:color-mix(in oklch,var(--color-armed) 22%,transparent);stroke-width:6}.connect-approval-ring .ca-drain{fill:none;stroke:var(--color-armed);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in oklch,var(--color-armed) 55%,transparent));transition:stroke-dashoffset .24s linear}.connect-approval-seconds{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none}.connect-approval-seconds-n{font-family:var(--font-mono);font-weight:var(--weight-black);font-size:34px;color:var(--color-fg);line-height:1;font-variant-numeric:tabular-nums}.connect-approval-seconds-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-fg-dim)}.connect-approval-actions{display:flex;justify-content:center;gap:10px;margin-top:16px;width:100%}.connect-approval-actions button{flex:1 1 0;appearance:none;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-sm);padding:9px 14px;border-radius:var(--radius-sm, 4px);cursor:pointer}.connect-approval-cancel,.connect-approval-hide{background:transparent;border:1px solid color-mix(in oklch,var(--color-idle) 55%,transparent);color:var(--color-idle)}.connect-approval-tryagain{background:color-mix(in oklch,var(--color-armed) 85%,transparent);border:1px solid var(--color-armed);color:var(--color-canvas)}@media (prefers-reduced-motion: reduce){.connect-approval-ring .ca-drain{transition:none}}.radial{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none;user-select:none}.radial-dial{width:100%;height:100%;max-height:calc(100% - 18px);overflow:visible}.radial-track{stroke-width:7;fill:none;stroke-linecap:round}.radial-fill{stroke-width:7;fill:none;stroke-linecap:round;transition:stroke .12s ease}.radial-body{stroke-width:1.5}.radial-pointer{stroke-width:4;stroke-linecap:round}.radial-name{max-width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.radial-readout{display:flex;flex-direction:column;align-items:center;line-height:1.1;pointer-events:none}.radial-cc{font-size:10px}.radial-value{font-size:13px}.radial[data-dragging=true] .radial-body{stroke:var(--sk-line-lit)}.radial[data-grabbed=true] .radial-body{stroke:var(--sk-line-lit);stroke-width:3}.label-item{width:100%;height:100%;display:flex;padding:2px 6px;border-radius:8px;border:1px solid transparent;overflow:hidden;user-select:none}.label-item-text{white-space:pre-line;line-height:1.15;width:100%}.label-item[data-align=left]{justify-content:flex-start}.label-item[data-align=left] .label-item-text{text-align:left}.label-item[data-align=center]{justify-content:center}.label-item[data-align=center] .label-item-text{text-align:center}.label-item[data-align=right]{justify-content:flex-end}.label-item[data-align=right] .label-item-text{text-align:right}.label-item[data-valign=top]{align-items:flex-start}.label-item[data-valign=middle]{align-items:center}.label-item[data-valign=bottom]{align-items:flex-end}.display-readout{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px 12px;overflow:hidden}.display-readout .dr-line{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-readout .dr-sub{font-size:11px}.radial-tick{stroke:color-mix(in oklch,var(--color-fg-dim) 70%,transparent);stroke-width:2.5;stroke-linecap:round}@media (hover: hover) and (pointer: fine){.settings-gear:hover,.edit-test-toggle:hover{color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 12%,transparent)}.hdr-undo-btn:hover:not(:disabled),.hdr-redo-btn:hover:not(:disabled){color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 12%,transparent)}.wordmark-menu:hover,.wordmark-menu[data-open=true]{background:color-mix(in oklch,var(--color-idle) 12%,transparent)}.canvas-ctx-item:hover{background:color-mix(in oklch,var(--color-idle) 14%,transparent);color:var(--color-idle)}.item-ctx-row:hover{background:color-mix(in oklch,var(--sk-line-lit) 15%,transparent)}.item-ctx-row:hover .item-ctx-glyph{color:var(--sk-ink)}.item-ctx-row[data-tone=destructive]:hover{background:color-mix(in oklch,var(--sk-fault) 17%,transparent)}.item-ctx-row[data-tone=destructive]:hover .item-ctx-glyph{color:var(--sk-fault)}.phase-strip:hover{color:var(--color-fg);border-color:var(--color-idle)}.phase-strip[data-playing=false]:hover{border-color:var(--color-armed);color:var(--color-armed)}.practice-playstop:hover,.practice-tap:hover,.practice-sig:hover{color:var(--color-fg);border-color:var(--color-idle)}.live-transport .live-indicator:hover{color:var(--color-fg-dim);border-color:var(--color-line)}.bpm-drag[data-slaved=true]:hover{border-color:transparent;box-shadow:none;color:var(--color-incoming)}.bpm-drag:hover{border-color:var(--color-idle);color:var(--color-idle);box-shadow:var(--glow-rest)}.link-toggle:disabled:hover{opacity:.25}.link-toggle:hover{opacity:1}.project-button:hover{border-color:var(--color-idle);box-shadow:var(--glow-rest)}.pb-close:hover{color:var(--color-fg)}.pb-link:hover{text-decoration:underline}.project-card:hover{border-color:var(--color-idle);transform:translateY(-2px)}.project-card-delete:hover{color:var(--color-disconnected);border-color:var(--color-disconnected)}.project-card-device:hover{color:var(--color-idle);border-color:var(--color-idle)}.pb-combo:hover{border-color:var(--color-idle)}.pb-create:hover{transform:translateY(-1px)}.edit-toggle:hover{color:var(--color-fg)}.matrix-export:hover:not(:disabled){background:color-mix(in oklch,var(--color-idle) 18%,transparent)}.settings-primary:hover:not(:disabled){background:color-mix(in oklch,var(--color-idle) 22%,var(--color-canvas))}.settings-secondary:hover{background:color-mix(in oklch,var(--color-idle) 8%,transparent);border-color:color-mix(in oklch,var(--color-idle) 60%,var(--color-line))}.backup-picker-row:hover{background:color-mix(in oklch,var(--color-idle) 8%,var(--color-canvas))}.backup-picker-cancel:hover:not(:disabled){background:color-mix(in oklch,var(--color-fg-dim) 14%,transparent)}.backup-picker-restore:hover:not(:disabled){background:color-mix(in oklch,var(--color-firing) 80%,white)}.tosc-report-clear:hover{color:var(--color-fg);border-color:var(--color-fg)}.confirm-actions .confirm-cancel:hover{background:color-mix(in oklch,var(--color-fg-dim) 20%,transparent)}.confirm-actions .confirm-ok:hover{background:color-mix(in oklch,var(--color-idle) 18%,transparent)}.confirm-choice-button[data-tone=primary]:hover{background:color-mix(in oklch,var(--color-idle) 14%,transparent)}.confirm-choice-button[data-tone=danger]:hover{background:color-mix(in oklch,var(--color-firing) 14%,transparent)}.confirm-choice-button[data-tone=cancel]:hover,.confirm-choice-button[data-tone=neutral]:hover{background:color-mix(in oklch,var(--color-fg-dim) 14%,transparent)}.matrix-close:hover{color:var(--color-fg);background:var(--color-surface-sunken)}.matrix-edit-toggle:hover{color:var(--color-fg);border-color:var(--color-fg)}.matrix-legend-chip[data-clickable=true]:hover{border-color:var(--color-fg);background:var(--color-surface)}.matrix-legend-add:hover{background:color-mix(in oklch,var(--color-armed) 14%,transparent)}.device-editor-close:hover{color:var(--color-fg);background:var(--color-surface)}.device-editor-swatch:hover{transform:scale(1.1)}.device-editor-delete:hover{background:var(--color-error);color:var(--color-canvas)}.matrix-grid-cell[data-editable=true]:hover{outline:1px solid var(--color-armed);outline-offset:-1px;z-index:1}.matrix-grid-cell[data-editable=true][data-claimed=false]:hover{background:color-mix(in oklch,var(--color-armed) 12%,var(--color-surface))}.matrix-new-note-submit:hover:not(:disabled){background:color-mix(in oklch,var(--color-armed) 14%,transparent)}.slot-editor-close:hover{color:var(--color-fg);background:var(--color-surface-sunken)}.slot-editor-claim-remove:hover{background:var(--color-error);color:var(--color-canvas)}.matrix-pick-cell:hover{background:color-mix(in oklch,var(--color-idle) 12%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-idle) 60%,transparent)}.matrix-pick-cell[data-claimed=true]:hover{opacity:1;background:color-mix(in oklch,var(--color-armed) 18%,var(--color-surface-sunken));color:var(--color-fg);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-armed) 60%,transparent)}.edit-add:hover{box-shadow:var(--glow-rest)}.edit-color-swatch:hover{transform:scale(1.1)}.edit-wave-pill:hover,.sine-lfo-loop:hover{color:var(--color-fg)}.sine-lfo-button:hover{box-shadow:var(--glow-rest)}.bridge-status-active:hover{border-color:var(--color-fg-dim)}.connect-manual-link:hover{color:var(--color-fg)}.connect-row-change-primary:hover:not(:disabled){color:var(--color-fg)}.connect-row-change-primary-cancel:hover{color:var(--color-idle)}.me-btn:hover{border-color:var(--color-idle);color:var(--color-idle)}.me-btn-primary:hover{background:var(--color-pressed);color:var(--color-canvas)}.me-btn-danger:hover{border-color:var(--color-error);color:var(--color-error)}.me-macro-row:hover{background:color-mix(in oklch,var(--color-idle) 6%,transparent)}.me-add-macro:hover,.me-shape-chip:hover,.me-add-lane:hover{color:var(--color-idle);border-color:var(--color-idle)}.bg-cell-rows::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--color-idle) 60%,transparent);background-clip:padding-box}.bg-cell-row-font-btn:hover{color:var(--color-fg);border-color:color-mix(in oklch,var(--color-idle) 40%,var(--color-line))}.pages-pills-arrow:hover:not(:disabled),.pages-pills-manage:hover{color:var(--color-fg);border-color:var(--color-fg-dim)}.pages-pill:hover{border-color:var(--pill-hue, var(--color-fg-dim))}.pm-swatch:hover{border-color:var(--color-fg)}.pm-action:hover:not(:disabled){color:var(--color-fg);border-color:var(--color-fg-dim)}.pm-action-danger:hover:not(:disabled){color:var(--color-error);border-color:var(--color-error)}.pm-add-page:hover{color:var(--color-idle);border-color:var(--color-idle)}.seq-arm:hover:not(:disabled){background:color-mix(in oklch,var(--color-idle) 14%,transparent)}.seq-title:hover{background:var(--color-surface-sunken)}.seq-remove:hover{color:var(--color-error);border-color:var(--color-error)}.seq-lane-label:hover{border-color:color-mix(in oklch,var(--color-fg-dim) 60%,transparent);background:color-mix(in oklch,var(--color-surface-sunken) 70%,var(--color-surface))}.seq-step:hover,.lane-editor-cancel:hover{border-color:var(--color-fg-dim)}.lane-editor-save:hover{background:color-mix(in oklch,var(--color-idle) 36%,var(--color-surface-sunken));border-color:var(--color-idle)}.lane-editor-step-btn:hover{border-color:var(--color-fg-dim)}.palette-close:hover{color:var(--color-fg);border-color:var(--color-idle)}.palette-tile:hover{border-color:var(--color-idle);box-shadow:0 0 0 1px var(--color-idle),0 0 24px color-mix(in oklch,var(--color-idle) 18%,transparent)}.edit-add-plus:hover{box-shadow:var(--glow-rest)}.inspector-panel::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--color-idle) 60%,transparent);background-clip:padding-box}.inspector-dim-lock[data-locked=true],.inspector-dim-lock[data-locked=true]:hover{color:var(--color-idle);border-color:var(--color-idle);box-shadow:0 0 6px color-mix(in oklch,var(--color-idle) 40%,transparent)}.inspector-dim-lock[data-locked=false]:hover{border-color:var(--color-fg)}.inspector-pill:hover{color:var(--color-fg);border-color:var(--color-line-strong);background:color-mix(in oklch,var(--insp-accent) 9%,var(--color-surface-sunken))}.inspector-pill[data-selected=true]:hover,.inspector-pill[data-active=true]:hover{background:var(--insp-accent);color:var(--color-canvas)}.inspector-pill[data-inherited=true]:hover{background:color-mix(in oklch,var(--insp-accent) 62%,transparent);color:var(--color-fg)}.inspector-toggle:hover input:not(:checked){border-color:var(--color-fg-dim)}.inspector-secondary:hover{background:color-mix(in oklch,var(--color-idle) 12%,transparent)}.inspector-secondary[data-pressed=true]:hover{background:var(--color-idle)}.inspector-swatch:hover{transform:scale(1.12)}.waves-placement-btn:hover{color:var(--color-fg);border-color:var(--color-line-strong);background:color-mix(in oklch,var(--insp-accent) 12%,var(--color-surface-sunken))}.shape-picker-trigger:hover{border-color:var(--color-fg)}.shape-picker-thumb:hover{transform:scale(1.08);box-shadow:0 0 12px currentColor}.rotation-dial-readout:hover{color:var(--color-fg);background:color-mix(in oklch,var(--color-idle) 12%,transparent)}.inspector-delete:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-canvas);box-shadow:var(--glow-fault)}.inspector-done:hover{background:var(--insp-accent);box-shadow:var(--insp-glow);transform:translateY(-1px)}.opbridge-row-btn:hover{color:var(--color-fg);border-color:var(--color-fg-dim)}.opbridge-row-btn-danger:hover{color:var(--color-err, #ff5a5a);border-color:color-mix(in oklch,var(--color-err, #ff5a5a) 60%,var(--color-line))}.timeline-editor-close:hover{color:var(--color-fg);border-color:var(--color-fg)}.timeline-editor-group-add:hover{color:var(--color-fg)}.timeline-editor-list-item:hover{background:color-mix(in oklch,var(--color-fg) 6%,transparent)}.timeline-editor-delete:hover{background:color-mix(in oklch,var(--color-destructive, #d24d5a) 18%,transparent)}.timeline-editor-sections-add:hover{background:color-mix(in oklch,var(--oklch-amber-500) 18%,transparent)}.timeline-editor-section-remove:hover:not(:disabled){color:var(--color-destructive, #d24d5a);border-color:var(--color-destructive, #d24d5a)}.timeline-editor-preview-btn:hover{border-color:var(--color-line-strong)}.timeline-grid-add-menu-trigger:hover{color:var(--color-idle);border-color:var(--color-idle);background:color-mix(in oklch,var(--color-idle) 12%,transparent)}.timeline-grid-add-menu-panel button:hover{background:color-mix(in oklch,var(--color-idle) 14%,transparent);border-color:color-mix(in oklch,var(--color-idle) 45%,transparent);color:var(--color-fg)}.timeline-grid-tracks-col::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--color-idle) 60%,transparent);background-clip:padding-box}.timeline-ruler-bar:hover .timeline-ruler-bar-num{color:var(--color-fg)}.timeline-lane-name:hover,.timeline-lane-name:focus{border-color:var(--color-line);outline:none}.timeline-lane-remove[data-armed=true]:hover{background:color-mix(in oklch,var(--color-destructive) 28%,transparent)}.timeline-lane-gutter:hover .timeline-lane-remove,.timeline-lane-remove:focus-visible,.timeline-lane-remove[data-armed=true]{opacity:1}.timeline-lane-remove:hover{color:var(--color-destructive);border-color:var(--color-destructive)}.timeline-step-block:hover .timeline-step-resize:after,.timeline-step-block[data-selected=true] .timeline-step-resize:after{opacity:.7}.timeline-step-resize:hover:after{opacity:1;background:var(--color-idle);box-shadow:0 0 6px color-mix(in oklch,var(--color-idle) 50%,transparent)}.timeline-editor-list-collapse:hover{color:var(--color-fg);border-color:var(--color-line-strong)}.timeline-editor-manager-toggle:hover,.timeline-palette-chip:hover{border-color:var(--color-line-accent)}.timeline-palette-lighting-swatch:hover{transform:scale(1.08);box-shadow:0 0 0 1px var(--color-active),0 2px 6px #0006}.timeline-color-marker:hover{filter:brightness(1.15)}.timeline-color-menu-item:hover{background:color-mix(in oklch,var(--color-active) 18%,transparent);color:var(--color-active)}.timeline-color-menu-item[data-destructive=true]:hover{background:color-mix(in oklch,var(--color-destructive) 18%,transparent);color:var(--color-destructive)}.timeline-color-menu-item[disabled]:hover,.timeline-color-menu-item[data-disabled=true]:hover{background:transparent;color:var(--color-fg-dim)}.timeline-color-picker-preset:hover{outline:2px solid var(--color-active);outline-offset:1px}.timeline-color-picker-done:hover,.timeline-grid-empty-add:hover{border-color:var(--color-active);color:var(--color-active)}.fixture-picker-close:hover{color:var(--color-fg)}.fixture-picker-item:hover{border-color:var(--color-line-accent)}.panic-button:hover{background:color-mix(in oklch,var(--color-destructive) 28%,transparent)}.preflight-row:hover{background:color-mix(in oklch,var(--pf, var(--color-fg)) 8%,transparent)}}:root,.skin,.sk-hued{--t-base: color-mix(in oklab, var(--hue) 17%, transparent);--t-panel: color-mix(in oklab, var(--hue) 12%, transparent);--t-vis: color-mix(in oklab, var(--hue) 68%, transparent);--t-arm: color-mix(in oklab, var(--hue) 33%, transparent);--t-glow: color-mix(in oklab, var(--hue) 80%, transparent)}.sk-scrim{position:fixed;inset:0;z-index:1;background:#05060988;-webkit-backdrop-filter:blur(7px) saturate(.6);backdrop-filter:blur(7px) saturate(.6)}.sk-scrim[data-depth="2"]{z-index:3;background:#05060966;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sk-modal{position:fixed;z-index:2;display:flex;flex-direction:column;overflow:hidden;background:var(--sk-panel);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * 1.5);box-shadow:var(--sk-glow-rest),0 44px 90px -30px #000000e6}.sk-modal[data-size=sheet]{left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,82%);height:min(780px,90%)}.sk-modal[data-size=stacked]{left:50%;top:50%;transform:translate(-50%,-50%);width:min(506px,68%);height:min(600px,78%);z-index:4}.sk-modal[data-size=full]{inset:2.6% 2.2%}.sk-modal,.matrix-overlay,.macros-editor-overlay,.palette-overlay,.preflight-overlay,.project-browser-backdrop,.timeline-editor-overlay,.canvas-ctx-backdrop,.canvas-ctx-menu,.item-ctx-backdrop,.item-ctx-menu,.shape-picker-popover{touch-action:pan-x pan-y}.sk-scrim{touch-action:none}.fit-escape{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-toast);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 14px;background:color-mix(in srgb,var(--sk-fault) 24%,#05080b);border-top:2px solid var(--sk-fault);color:var(--sk-ink);font-family:var(--sk-font);box-shadow:0 -4px 18px #00000080;padding-bottom:max(9px,env(safe-area-inset-bottom))}.fit-escape-text{display:flex;align-items:baseline;gap:10px;min-width:0;font-size:13px;line-height:1.25}.fit-escape-text strong{font-family:var(--font-mono);font-size:16px;color:var(--sk-fault, #ff4d4d)}.fit-escape-text span{overflow:hidden;text-overflow:ellipsis}.fit-escape-actions{display:flex;gap:8px;flex:none}.fit-escape-actions button{min-height:44px;padding:0 15px;font-family:var(--sk-font);font-weight:var(--weight-bold);font-size:13px;letter-spacing:var(--sk-track);color:var(--sk-ink);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-line-lit);border-radius:var(--sk-radius)}.fit-escape-actions button:active{background:var(--sk-live-bg);color:var(--sk-ink-on-live)}.fit-escape-dismiss{width:44px;padding:0!important;font-size:20px!important;color:var(--sk-ink-dim)!important;background:transparent!important}.hdr-fit-alert{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sk-fault) 20%,transparent);border:var(--sk-border) solid var(--sk-fault);border-radius:var(--sk-radius);color:var(--sk-fault);font-family:var(--sk-font);font-weight:var(--weight-black);font-size:19px;line-height:1}.sk-mhead{flex:none;display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:var(--sk-border) solid var(--sk-line)}.sk-mtitle{font-family:var(--sk-font);font-weight:var(--weight-black);font-size:17px;letter-spacing:calc(var(--sk-track) + .07em);text-transform:uppercase;color:var(--sk-ink)}.sk-msub{font-family:var(--font-mono);font-size:9px;color:var(--sk-ink-dim)}.sk-mclose{margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-line);color:var(--sk-ink-dim);font-family:var(--font-mono);font-size:14px;line-height:1;box-shadow:var(--sk-glow-rest)}.sk-mbody{flex:1;min-height:0;overflow:auto;padding:17px 15px 60px;display:flex;flex-direction:column;gap:25px;scrollbar-width:thin;scrollbar-color:var(--sk-line) transparent}.sk-mbody::-webkit-scrollbar{width:10px}.sk-mbody::-webkit-scrollbar-track{background:var(--sk-sunken)}.sk-mbody::-webkit-scrollbar-thumb{background:var(--sk-line);border-radius:99px;border:2px solid transparent;background-clip:padding-box}.sk-sect{display:flex;flex-direction:column;gap:10px}.sk-stitle{margin:0;display:flex;align-items:center;gap:11px;font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:14px;letter-spacing:calc(var(--sk-track) + .05em);text-transform:uppercase;color:var(--sk-ink)}.sk-stitle:after{content:"";flex:1;height:1px;background:var(--sk-line)}.sk-ssub{margin:0;font-family:var(--font-mono);font-size:10px;line-height:1.65;color:var(--sk-ink-dim);max-width:64ch}.sk-b,.sk-mini{flex:none;align-self:flex-start;height:auto;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border-radius:calc(var(--sk-radius) * .7);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);color:var(--sk-ink-dim);font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:11px;letter-spacing:var(--sk-track);text-transform:var(--sk-case);box-shadow:var(--sk-glow-rest);-webkit-tap-highlight-color:transparent;transition:background .11s ease,border-color .11s ease,color .11s ease,box-shadow .11s ease}.sk-mini{flex:1;align-self:auto;height:32px;padding:0 10px}.sk-b[data-s=armed],.sk-mini[data-s=armed]{background:var(--sk-armed-bg);border-color:var(--sk-armed-edge);color:var(--sk-armed-ink);box-shadow:var(--sk-glow-armed)}.sk-b[data-s=live],.sk-mini[data-s=live]{background:var(--sk-live-bg);border-color:var(--sk-live-edge);color:var(--sk-ink-on-live);box-shadow:var(--sk-glow-live)}.sk-b[data-s=fault]{background:var(--sk-fault);border-color:var(--sk-fault);color:var(--sk-ink-on-live);box-shadow:0 0 26px -10px var(--sk-fault)}.sk-b[data-s=ghost]{background:none;border-color:transparent;box-shadow:none;color:var(--sk-ink-dim);text-decoration:underline;text-underline-offset:3px;padding-left:0}.sk-b:disabled,.sk-mini:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.sk-b:active:not(:disabled){transform:translateY(1px)}.sk-b svg{width:13px;height:13px;--icon-w: 1.9 }.sk-srow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;padding:11px 13px;border-radius:calc(var(--sk-radius) * .9);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest)}.sk-srow-body{display:flex;flex-direction:column;gap:3px;min-width:0}.sk-srow-title{font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:13px;letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.sk-srow-meta{font-family:var(--font-mono);font-size:9.5px;color:var(--sk-ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-srow-chev{margin-left:auto;flex:none;font-family:var(--font-mono);font-size:16px;color:var(--sk-ink-ghost)}.traffic-monitor-cols{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.traffic-col{flex:1 1 260px;min-width:220px;display:flex;flex-direction:column;gap:8px}.traffic-col-head{display:flex;align-items:center;justify-content:space-between}.traffic-col-title{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink);font-size:13px}.traffic-status-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9.5px;color:var(--sk-ink-dim)}.traffic-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sk-ink-ghost)}.traffic-status-pill[data-status=connected] .traffic-status-dot{background:var(--sk-live-edge)}.traffic-status-pill[data-status=connecting] .traffic-status-dot{background:var(--sk-armed-edge)}.traffic-status-pill[data-status=error] .traffic-status-dot{background:var(--sk-fault)}.traffic-col-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;background:var(--sk-sunken);border-radius:calc(var(--sk-radius) * .7);padding:6px}.traffic-col-empty{color:var(--sk-ink-ghost);font-family:var(--font-mono);font-size:11px;padding:8px;margin:0}.traffic-row{display:flex;gap:8px;align-items:baseline;font-family:var(--font-mono);font-size:10.5px;padding:2px 4px;border-radius:4px}.traffic-row[data-filtered=true]{opacity:.5}.traffic-row-time{color:var(--sk-ink-ghost);flex:none;width:82px}.traffic-row-src{color:var(--sk-ink-dim);flex:none;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-row-desc{color:var(--sk-ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-row-argtypes{color:var(--sk-ink-ghost)}.traffic-row-filtered{flex:none;font-size:9px;color:var(--sk-fault);border:1px solid var(--sk-fault);border-radius:4px;padding:0 4px}.sk-eqrow{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sk-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;cursor:pointer;padding:11px 12px;border-radius:calc(var(--sk-radius) * .8);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest)}.sk-tile-title{font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:12px;letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.sk-tile-meta{font-family:var(--font-mono);font-size:9px;color:var(--sk-ink-dim)}.sk-tile[data-s=armed]{background:var(--sk-armed-bg);border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.sk-tile[data-s=armed] .sk-tile-title{color:var(--sk-armed-ink)}.sk-tile[data-s=armed] .sk-tile-meta{color:var(--sk-armed-ink);opacity:.7}.sk-tile[data-hero]{flex-direction:row;align-items:center;gap:12px;padding:14px}.sk-tile[data-hero] .sk-tile-body{display:flex;flex-direction:column;gap:4px}.sk-tile[data-hero] svg{flex:none;color:var(--sk-armed-ink)}.sk-tile:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.sk-tile:active:not(:disabled){transform:translateY(1px)}.logo-menu-body{gap:14px;padding-bottom:15px}.logo-menu-hero{flex:none;display:flex;align-items:center;gap:15px;width:100%;text-align:left;cursor:pointer;padding:15px 17px;border-radius:calc(var(--sk-radius) * .9);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest)}.logo-menu-hero-icon{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--sk-radius) * .6);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);color:var(--sk-line-lit)}.logo-menu-hero-icon svg{width:24px;height:24px}.logo-menu-hero-body{display:flex;flex-direction:column;gap:2px;min-width:0}.logo-menu-hero-eyebrow{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sk-ink-ghost)}.logo-menu-hero-title{font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:19px;letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-menu-hero-meta{font-family:var(--font-mono);font-size:9.5px;color:var(--sk-ink-dim)}.logo-menu-hero-chev{margin-left:auto;flex:none;font-family:var(--font-mono);font-size:20px;color:var(--sk-ink-ghost)}.logo-menu-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px}.logo-menu-tile:last-child:nth-child(odd){grid-column:1 / -1}.logo-menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;cursor:pointer;padding:22px 20px;border-radius:calc(var(--sk-radius) * .9);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest);transition:border-color .12s ease,box-shadow .12s ease}.logo-menu-tile:active{transform:translateY(1px)}.logo-menu-tile-icon{flex:none;width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);color:var(--sk-ink-dim)}.logo-menu-tile-icon svg{width:30px;height:30px}.logo-menu-tile-title{font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:16px;letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.logo-menu-tile-meta{font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--sk-ink-dim);max-width:34ch}.sk-led{width:var(--led-sz, 30px);height:var(--led-sz, 30px);flex:none;border-radius:50%;border:var(--sk-border) solid var(--sk-line);background:radial-gradient(circle at 34% 26%,#ffffff24,transparent 48%),linear-gradient(var(--t-base),var(--t-base)),var(--sk-sunken);box-shadow:inset 0 1px 1px #ffffff1f,inset 0 -3px 6px -2px #0000009e,0 2px 4px -1px #00000082}.sk-led[data-s=live]{border-color:var(--sk-live-edge);background:radial-gradient(circle at 34% 26%,#ffffff8f,transparent 54%),linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);box-shadow:inset 0 1px 1px #ffffff5c,inset 0 -3px 7px -2px #00000052,var(--sk-glow-live),0 0 26px -8px var(--t-glow)}.sk-led[data-s=armed]{border-color:var(--sk-armed-edge);background:radial-gradient(circle at 34% 26%,#ffffff8f,transparent 54%),var(--sk-armed-bg);box-shadow:inset 0 1px 1px #ffffff5c,var(--sk-glow-armed)}.sk-led[data-s=fault]{border-color:var(--sk-fault);background:radial-gradient(circle at 34% 26%,#ffffff8f,transparent 54%),var(--sk-fault);box-shadow:inset 0 1px 1px #ffffff5c,inset 0 -3px 7px -2px #00000052,0 0 22px -6px var(--sk-fault)}.sk-chip{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;color:var(--sk-ink-dim);border:var(--sk-border) solid var(--sk-line);background:var(--sk-rest-bg)}.sk-chip[data-on=true]{color:var(--sk-ink-on-live);background:var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live)}.sk-prow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sk-prow-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sk-ink-ghost);margin-right:4px}.sk-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:8px}.sk-num{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:calc(var(--sk-radius) * .6);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.sk-num-key{flex:1;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-ink-dim)}.sk-num input{width:54px;text-align:right;background:none;border:none;outline:none;padding:0;font-family:var(--font-mono);font-size:12px;color:var(--sk-ink)}.sk-num-unit{width:15px;font-family:var(--font-mono);font-size:9px;color:var(--sk-ink-ghost)}.sk-num:focus-within{border-color:var(--sk-line-lit);box-shadow:0 0 0 2px color-mix(in oklab,var(--sk-line-lit) 26%,transparent)}.sk-urow{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:calc(var(--sk-radius) * .7);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.sk-urow-label{flex:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9.5px;line-height:1.5;color:var(--sk-ink-dim)}.sk-urow-state{display:flex;flex-direction:column;gap:3px;flex:1}.sk-urow-on{font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:11px;letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink-dim)}.sk-urow-on[data-on=true]{color:var(--sk-line-lit)}.sk-urow-detail{font-family:var(--font-mono);font-size:8.5px;color:var(--sk-ink-ghost)}.sk-dz{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:2px;padding:12px;border-radius:calc(var(--sk-radius) * .8);border:var(--sk-border) dashed color-mix(in oklab,var(--sk-fault) 60%,transparent);background:color-mix(in oklab,var(--sk-fault) 8%,transparent)}.sk-dz-head{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--sk-fault)}.sk-dz-sub{margin:0;font-family:var(--font-mono);font-size:9px;line-height:1.6;color:var(--sk-ink-dim)}.sk-dz-sub strong{color:var(--sk-ink)}.sk-toast{position:absolute;left:14px;right:14px;bottom:14px;z-index:9;padding:10px 13px;border-radius:calc(var(--sk-radius) * .7);font-family:var(--font-mono);font-size:9.5px;line-height:1.55;background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line-lit);color:var(--sk-ink);box-shadow:var(--sk-glow-rest),0 18px 40px -18px #000000e0}.sk-toast[data-tone=err]{border-color:var(--sk-fault)}.sk-toast[data-tone=info]{border-color:var(--sk-line)}.sk-sklist{display:flex;flex-direction:column;gap:8px}.sk-skrow{display:flex;align-items:center;gap:13px;width:100%;text-align:left;cursor:pointer;padding:10px 12px;border-radius:calc(var(--sk-radius) * .9);background:var(--sk-panel);border:var(--sk-border) solid var(--sk-line);box-shadow:var(--sk-glow-rest)}.sk-skrow[data-active=true]{border-color:var(--sk-line-lit)}.sk-skprev{flex:none;position:relative;display:flex;gap:5px;padding:7px;overflow:hidden;border-radius:calc(var(--sk-radius) * .7);background:var(--sk-canvas);border:var(--sk-border) solid var(--sk-line)}.sk-skprev:after{content:"";position:absolute;inset:0;background-image:var(--sk-scan);pointer-events:none}.sk-skprev i{width:23px;height:27px;border-radius:calc(var(--sk-radius) * .5);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest)}.sk-skprev i[data-s=armed]{background:var(--sk-armed-bg);border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.sk-skprev i[data-s=live]{background:var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live)}.sk-skmeta{display:flex;flex-direction:column;gap:3px;min-width:0}.sk-skname{font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:14px;letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.sk-skblurb{font-family:var(--font-mono);font-size:9px;line-height:1.5;color:var(--sk-ink-dim)}.sk-sktick{margin-left:auto;flex:none;font-family:var(--font-mono);font-size:13px;color:var(--sk-line-lit);text-shadow:0 0 10px var(--sk-line-lit)}.sk-minirig{flex:none;display:flex;gap:4px;padding:5px;overflow:hidden;border-radius:calc(var(--sk-radius) * .6);background:var(--sk-canvas);border:var(--sk-border) solid var(--sk-line)}.sk-minirig i{width:13px;height:20px;border-radius:calc(var(--sk-radius) * .4);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest)}.sk-minirig i[data-s=armed]{background:var(--sk-armed-bg);border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.sk-minirig i[data-s=live]{background:var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live)}.shell>.hdr,.shell[data-bar-position=bottom]>.hdr{min-height:var(--chrome-bar-h);margin:0 12px;padding:0 14px;gap:14px;overflow:visible;background:var(--sk-panel);border:var(--sk-border) solid var(--sk-line);border-radius:var(--sk-radius);box-shadow:var(--sk-glow-rest)}.shell>.hdr{padding-top:var(--safe-top)}.shell[data-bar-position=bottom]>.hdr{padding-bottom:var(--safe-bottom)}.hdr:before{display:none}.wordmark{gap:2px}.wordmark-logo{height:19px;width:auto;display:block}.wordmark-dot{width:5px;height:5px;border-radius:50%;background:var(--sk-line-lit);box-shadow:var(--sk-glow-live);margin:0 3px}.tempo-box{display:flex;align-items:center;gap:12px}.practice-transport,.phase-strip,.practice-sig,.practice-tap{background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * .7);color:var(--sk-ink-dim)}.practice-transport{padding:4px 9px}.practice-playstop{color:var(--sk-line-lit);filter:drop-shadow(0 0 5px var(--sk-line-lit))}.phase-strip{display:flex;align-items:center;gap:5px;padding:5px 9px}.phase-dot{width:7px;height:7px;border-radius:50%;background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.phase-dot[data-active=true],.phase-dot[data-on=true]{background:var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live)}.practice-sig,.practice-tap{font-family:var(--font-mono);font-size:10px;padding:5px 9px}.bpm{font-family:var(--font-mono);font-size:21px;line-height:1;color:var(--sk-line-lit);background:none;border:none;padding:0;display:flex;align-items:baseline;gap:4px}.bpm small{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sk-ink-ghost)}.bar-counter{display:flex;align-items:baseline;padding:4px 9px;border-radius:calc(var(--sk-radius) * .6);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);font-family:var(--font-mono);font-size:14px;color:var(--sk-ink)}.bar-counter-val{display:flex;align-items:baseline}.bc-bar,.bc-beat,.bc-sub,.bc-sep{display:inline-block;text-align:center;flex:none}.bc-bar{width:3.4ch}.bc-beat{width:1.6ch}.bc-sub{width:2.6ch}.bc-sep{width:.9ch;color:var(--sk-ink-ghost)}.bar-counter-offset{font-family:var(--font-mono);font-size:9.5px;color:var(--sk-armed-ink);text-shadow:0 0 8px var(--sk-armed-edge)}.bridge-status,.clock-pill,.opbridge-badge,.pages-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;white-space:nowrap;background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-line);box-shadow:var(--sk-glow-rest);color:var(--sk-ink-dim);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}.bridge-status .led,.opbridge-badge-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--sk-live-bg);box-shadow:var(--sk-glow-live)}.bridge-status[data-state=down] .led,.bridge-status[data-state=none] .led,.bridge-status[data-state=unpaired] .led{background:var(--sk-ink-ghost);box-shadow:none}.bridge-status[data-attention]{position:relative}.bridge-status[data-attention=true]{border-color:var(--sk-armed-edge)}.bridge-status[data-attention=critical]{border-color:var(--sk-fault);color:var(--sk-fault)}.bridge-status[data-attention=critical] .led{background:var(--sk-fault);box-shadow:0 0 8px -1px var(--sk-fault)}.bridge-status[data-attention=critical] .msg,.bridge-status[data-attention=critical] .lbl{color:var(--sk-fault)}.bridge-status[data-attention=critical]:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px var(--sk-fault),0 0 22px -4px var(--sk-fault);animation:sk-attention-flash 1s ease-in-out infinite;will-change:opacity}@keyframes sk-attention-flash{0%,to{opacity:.15}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.bridge-status[data-attention=critical]:after{animation:none;opacity:.9;will-change:auto}}.bridge-status[data-state=warn] .led,.bridge-status[data-state=partial] .led{background:var(--sk-armed-ink);box-shadow:var(--sk-glow-armed)}.bridge-status-product,.opbridge-badge .lbl{font-family:var(--sk-font);font-weight:var(--sk-weight);font-size:11px;letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.opbridge-badge .msg,.clock-pill-msg{font-family:var(--font-mono);font-size:9px;color:var(--sk-ink-dim);letter-spacing:0}.opbridge-badge-dots{display:flex;gap:3px}.opbridge-badge-dots .opbridge-badge-dot{width:4px;height:4px}.pages-pill[data-active=true],.pages-pill[aria-pressed=true]{color:var(--sk-ink-on-live);background:var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live)}.pages-pill-name{font-family:var(--font-mono);letter-spacing:.1em}.pages-pill-num,.pages-pill-sep{color:var(--sk-ink-ghost)}.settings-gear{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-line);color:var(--sk-ink-dim);box-shadow:var(--sk-glow-rest)}.performance-lock-ring{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;border:var(--sk-border) solid var(--sk-line-lit);color:var(--sk-line-lit);box-shadow:var(--sk-glow-rest)}.performance-mode-tag{font-family:var(--sk-font);font-weight:var(--weight-black);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--sk-line-lit)}.stage-dim{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-line);box-shadow:var(--sk-glow-rest)}.stage-dim-icon{font-size:11px;color:var(--sk-ink-dim)}.panic-button{font-family:var(--sk-font);font-weight:var(--weight-black);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:8px 16px;border-radius:calc(var(--sk-radius) * .7);cursor:pointer;background:var(--sk-fault);border:var(--sk-border) solid var(--sk-fault);color:var(--sk-ink-on-live);box-shadow:0 0 26px -8px var(--sk-fault)}.shell[data-orientation=portrait] .panic-button{padding:6px 10px;font-size:10px;letter-spacing:.1em}.shell[data-orientation=portrait] .bridge-status{padding:0 6px;gap:0}.shell[data-orientation=portrait] .bridge-status .lbl,.shell[data-orientation=portrait] .bridge-status .msg,.shell[data-orientation=portrait] .opbridge-badge-dots{display:none}.bpm[data-slaved=true]{color:var(--sk-line-lit)}.bar-counter[data-dragging=true]{border-color:var(--sk-armed-edge)}.bar-counter[data-live=true]{color:var(--sk-ink)}.fader{border-radius:var(--sk-radius);background:none;border:none;overflow:visible}.fader-track{border-radius:var(--sk-radius);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.fader[data-vertical=true] .fader-track{top:0;bottom:0;width:14px}.fader[data-vertical=false] .fader-track{left:0;right:0;height:14px}.fader-fill{border-radius:calc(var(--sk-radius) - 2px);box-shadow:var(--sk-glow-rest),0 0 18px -6px var(--t-glow)}.fader[data-vertical=true] .fader-fill{bottom:1px;width:12px;background:linear-gradient(0deg,color-mix(in oklab,var(--sk-line-lit) 26%,transparent) 0%,color-mix(in oklab,var(--sk-line-lit) 62%,transparent) 52%,var(--sk-line-lit) 100%)}.fader[data-vertical=false] .fader-fill{left:1px;height:12px;background:linear-gradient(90deg,color-mix(in oklab,var(--sk-line-lit) 26%,transparent) 0%,color-mix(in oklab,var(--sk-line-lit) 62%,transparent) 52%,var(--sk-line-lit) 100%)}.fader-handle{background:var(--sk-panel);border:var(--sk-border) solid var(--sk-line-lit);border-radius:calc(var(--sk-radius) - 2px);box-shadow:var(--sk-glow-rest)}.fader[data-vertical=true] .fader-handle{left:50%;right:auto;margin-left:-20px;width:40px;height:20px}.fader[data-vertical=false] .fader-handle{top:50%;bottom:auto;margin-top:-20px;height:40px;width:20px}.fader[data-dragging=true] .fader-handle{box-shadow:var(--sk-glow-live)}.fader-readout{font-family:var(--font-mono);font-size:10px;color:var(--sk-ink-dim)}.fader-cc{color:var(--sk-ink-ghost)}.fader-value{color:var(--sk-ink);font-weight:var(--weight-regular)}.fader-name,.radial-name,.xypad-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);font-size:11px;line-height:1.2;color:var(--sk-ink-dim)}.fader[data-dragging=true] .fader-name,.radial[data-dragging=true] .radial-name,.xypad[data-dragging=true] .xypad-name{color:var(--sk-ink)}.radial-dial-wrap{position:relative;flex:0 1 auto;min-height:0;aspect-ratio:1;display:grid;place-items:center}.radial-dial{max-height:none}.radial-body{position:absolute;left:50%;top:50%;width:57.5%;height:57.5%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest)}.radial-pointer{position:absolute;left:50%;top:50%;width:3px;height:26%;border-radius:2px;transform-origin:50% 100%;pointer-events:none;background:var(--sk-line-lit);box-shadow:var(--sk-glow-live);z-index:2}.radial-track{stroke:var(--sk-line)}.radial-tick{stroke:var(--sk-line);stroke-width:1.2;stroke-linecap:round}.radial-tick[data-major=true]{stroke:var(--sk-line-lit);stroke-width:2}.radial-fill{stroke:var(--sk-line-lit)}.radial-readout{font-family:var(--font-mono)}.radial-value{font-family:var(--font-mono);font-size:15px;color:var(--sk-ink)}.radial-cc{font-family:var(--font-mono);font-size:9px;color:var(--sk-ink-ghost)}.midi-button{border-radius:var(--sk-radius);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest),var(--sk-drop);color:var(--sk-ink-dim);font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case)}.midi-button[data-armed=true]:not([data-on=true]){background:linear-gradient(var(--t-arm),var(--t-arm)),var(--sk-armed-bg);border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed),var(--sk-drop);color:var(--sk-armed-ink)}.midi-button[data-on=true]{background:linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live),0 0 40px -8px var(--t-glow),var(--sk-drop);color:var(--sk-ink-on-live)}.midi-button:active:not(:disabled),.midi-button[data-pressed=true]:not(:disabled){transform:translateY(1px)}.midi-button:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.midi-button[data-family=polygon]{border-radius:0;border-width:0;box-shadow:var(--sk-glow-rest),inset 0 0 20px -4px color-mix(in oklab,var(--sk-line-lit) 40%,transparent)}.midi-button[data-family=polygon][data-armed=true]:not([data-on=true]){box-shadow:var(--sk-glow-armed),inset 0 0 26px -4px color-mix(in oklab,var(--sk-armed-ink) 45%,transparent)}.midi-button[data-family=polygon][data-on=true]{box-shadow:var(--sk-glow-live),0 0 40px -8px var(--t-glow),inset 0 0 32px -4px color-mix(in oklab,var(--sk-live-edge) 55%,transparent)}.midi-button-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.midi-button[data-on=true] .midi-button-name{color:var(--sk-ink-on-live)}.midi-button[data-armed=true]:not([data-on=true]) .midi-button-name{color:var(--sk-armed-ink)}.midi-button-label,.midi-button-state{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.midi-button-label b{color:var(--sk-ink-dim)}.midi-button[data-on=true] .midi-button-label,.midi-button[data-on=true] .midi-button-state,.midi-button[data-on=true] .midi-button-label b{color:var(--sk-ink-on-live)}.bg-cell[data-color=idle],.bg-color-swatch[data-color=idle]{--hue: #00d5ff }.bg-cell[data-color=incoming],.bg-color-swatch[data-color=incoming]{--hue: #ff3dd4 }.bg-cell[data-color=armed],.bg-color-swatch[data-color=armed]{--hue: #ffd400 }.bg-cell[data-color=ok],.bg-color-swatch[data-color=ok]{--hue: #00ff6a }.bg-cell[data-color=violet],.bg-color-swatch[data-color=violet]{--hue: #b47cff }.bg-cell[data-color=yellow],.bg-color-swatch[data-color=yellow]{--hue: #ffd400 }.bg-cell[data-color=pink],.bg-color-swatch[data-color=pink]{--hue: #ff8ab8 }.bg-cell[data-color=sky],.bg-color-swatch[data-color=sky]{--hue: #6cc6ff }.bg-cell[data-color=tan],.bg-color-swatch[data-color=tan]{--hue: #e8c49a }.bg-cell[data-color=error],.bg-color-swatch[data-color=error]{--hue: #ff4040 }.bg-color-swatch{background:var(--hue, var(--sk-sunken));border:1.5px solid color-mix(in oklab,var(--hue, var(--sk-line)) 60%,transparent)}.bg-color-swatch[data-selected=true]{border-color:var(--sk-ink);box-shadow:0 0 0 2px var(--sk-canvas),0 0 0 3px var(--sk-ink)}.bg-cell{--t-base: color-mix(in oklab, var(--hue) 17%, transparent);--t-panel: color-mix(in oklab, var(--hue) 12%, transparent);--t-vis: color-mix(in oklab, var(--hue) 68%, transparent);--t-arm: color-mix(in oklab, var(--hue) 33%, transparent);--t-glow: color-mix(in oklab, var(--hue) 80%, transparent)}.bg-cell{border-radius:calc(var(--sk-radius) * .7);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);color:var(--sk-ink-dim);font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case)}.bg-cell[data-armed=true]:not([data-active=true]){background:linear-gradient(var(--t-arm),var(--t-arm)),var(--sk-armed-bg);border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed);color:var(--sk-armed-ink)}.bg-cell[data-active=true]{background:linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live),0 0 26px -8px var(--t-glow);color:var(--sk-ink-on-live)}.bg-cell:active:not(:disabled){transform:translateY(1px)}.bg-cell:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}@keyframes bg-cell-pending{0%{background:linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);color:var(--sk-ink-on-live)}to{background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);color:var(--sk-ink-dim)}}.bg-cell-label{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.bg-cell[data-active=true] .bg-cell-label{color:var(--sk-ink-on-live)}.bg-cell[data-armed=true]:not([data-active=true]) .bg-cell-label{color:var(--sk-armed-ink)}.bg-cell-index,.bg-cell-info{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.bg-cell-info b{color:var(--sk-ink-dim)}.bg-cell[data-active=true] .bg-cell-index,.bg-cell[data-active=true] .bg-cell-info,.bg-cell[data-active=true] .bg-cell-info b{color:var(--sk-ink-on-live)}.sd-item-btn{border-radius:var(--sk-radius);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest),var(--sk-drop);color:var(--sk-ink-dim);font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case)}.sd-item-btn[data-flash=ok]{background:linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live),0 0 40px -8px var(--t-glow),var(--sk-drop);color:var(--sk-ink-on-live)}.sd-item-btn[data-flash=err]{border-color:var(--sk-fault);box-shadow:0 0 0 2px color-mix(in oklab,var(--sk-fault) 55%,transparent),0 0 26px -8px var(--sk-fault),var(--sk-drop);color:var(--sk-fault)}.sd-item-btn[data-state=unassigned]{border-style:dashed}.sd-item-btn[data-pressed=true]:not(:disabled){transform:translateY(1px)}.sd-item-btn:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}@media (hover: hover) and (pointer: fine){.sd-item-btn:hover:not(:disabled){border-color:var(--sk-line-lit)}.mixer-rescan:hover{color:var(--sk-line-lit);border-color:var(--sk-line-lit)}.mixer[data-skin=neve] .mixer-rescan:hover{color:#eae3cd;border-color:#6a6a52}.logo-menu-hero:hover,.logo-menu-tile:hover{border-color:var(--sk-line-lit)}.logo-menu-tile:hover .logo-menu-tile-icon{border-color:var(--sk-line-lit);color:var(--sk-ink)}.logo-menu-hero:hover .logo-menu-hero-chev{color:var(--sk-ink)}}.sd-item-key{font-family:var(--font-mono);border-radius:var(--sk-radius);border:var(--sk-border) solid var(--sk-line-lit);background:var(--sk-panel);color:var(--sk-ink)}.sd-item-btn[data-flash=ok] .sd-item-key{border-color:var(--sk-ink-on-live);color:var(--sk-ink-on-live);background:none}.sd-item-label{font-family:var(--font-mono);color:var(--sk-ink-dim)}.sd-item-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.sd-item-btn[data-flash=ok] .sd-item-label,.sd-item-btn[data-flash=ok] .sd-item-name{color:var(--sk-ink-on-live)}.sd-item-status{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.sd-item-status[data-state=ok]{color:var(--sk-line-lit)}.sd-item-status[data-state=err]{color:var(--sk-fault)}.sd-item-status[data-state=unassigned]{color:var(--sk-armed-ink)}.sd-item-status[data-state=offline]{color:var(--sk-ink-ghost)}.shell,.skin{color:var(--sk-ink)}.xypad{border-radius:var(--sk-radius);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.xypad[data-dragging=true]{border-color:var(--sk-line-lit)}.xypad-crosshair{background:color-mix(in oklab,var(--sk-line) 55%,transparent)}.xypad-puck{background:linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);border:var(--sk-border) solid var(--sk-live-edge);box-shadow:var(--sk-glow-live),0 0 22px -6px var(--t-glow)}.xypad[data-grabbed=true] .xypad-puck{box-shadow:var(--sk-glow-live),0 0 34px -4px var(--t-glow)}.xypad-readout{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.xypad-readout-value{color:var(--sk-ink);font-weight:var(--weight-regular)}.piano{border-radius:calc(var(--sk-radius) * .6);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.piano-white-key{background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);border-top:none;border-radius:0 0 calc(var(--sk-radius) * .4) calc(var(--sk-radius) * .4)}.piano-white-key[data-active=true]{background:linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live),0 0 26px -8px var(--t-glow)}.piano-white-label{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.piano-white-key[data-active=true] .piano-white-label{color:var(--sk-ink-on-live)}.piano-black-key{background:linear-gradient(180deg,#ffffff26,#ffffff12 42%,#ffffff08),var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);box-shadow:inset 0 1px #ffffff2e,0 2px 3px -1px #0009}.piano-black-key[data-active=true]{background:var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live)}.piano-readout{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.piano-readout-mode{color:var(--sk-ink-dim)}.status-led-lamp{border:var(--sk-border) solid var(--sk-line);background:radial-gradient(circle at 34% 26%,#ffffff24,transparent 48%),linear-gradient(var(--t-base),var(--t-base)),var(--sk-sunken);box-shadow:inset 0 1px 1px #ffffff1f,inset 0 -3px 6px -2px #0000009e,0 2px 4px -1px #00000082}.status-led[data-on=true] .status-led-lamp{border-color:var(--sk-live-edge);background:radial-gradient(circle at 34% 26%,#ffffff8f,transparent 54%),linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);box-shadow:inset 0 1px 1px #ffffff5c,inset 0 -3px 7px -2px #00000052,var(--sk-glow-live),0 0 26px -8px var(--t-glow)}.status-led-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink-dim)}.status-led[data-on=true] .status-led-name{color:var(--sk-ink)}.label-item-text{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.label-item[data-bg=true]{background:var(--sk-panel);border-radius:var(--sk-radius)}.label-item[data-border=true]{border:var(--sk-border) solid var(--sk-line);border-radius:var(--sk-radius)}.display-readout{border-radius:var(--sk-radius);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.display-readout .dr-line{font-family:var(--data);letter-spacing:.04em;color:var(--sk-ink)}.display-readout .dr-sub{color:var(--sk-ink-dim)}.display-readout[data-style=lcd]{background:#0a1208;border-color:#1c3a12}.display-readout[data-style=lcd] .dr-line{font-family:var(--data, monospace);color:#8fe86a;text-shadow:0 0 4px #4ecb2688}.display-readout[data-style=lcd] .dr-sub{color:#5ea83f}.seq{border-radius:var(--sk-radius);background:linear-gradient(var(--t-panel),var(--t-panel)),var(--sk-panel);border:var(--sk-border) solid var(--sk-line)}.seq[data-arm-state=armed]{border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.seq[data-arm-state=running]{border-color:var(--sk-live-edge)}.seq-lane-label{background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * .5);font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink-dim)}.seq-lane-steps{background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * .5)}.seq-step{border-radius:calc(var(--sk-radius) * .4);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.seq-step[data-beat=true]{border-color:color-mix(in oklab,var(--sk-line-lit) 45%,transparent)}.seq-step[data-on=true]{background:var(--sk-rest-bg);border-color:var(--sk-line-lit)}.seq-step[data-on=true][data-beat=true]{border-color:var(--sk-line-lit)}.seq-step-bar{background:var(--sk-line-lit);box-shadow:var(--sk-glow-rest),0 0 10px -3px var(--t-glow)}.sine-lfo{border-radius:var(--sk-radius);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.sine-lfo-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.sine-lfo-axis{stroke:var(--sk-line)}.sine-lfo-curve{fill:none;stroke:var(--sk-ink-dim)}.sine-lfo-dot{fill:var(--sk-ink-dim)}.sine-lfo-playhead{fill:var(--sk-line-lit);filter:drop-shadow(0 0 6px var(--sk-line-lit))}.sine-lfo[data-state=idle]{border-color:var(--sk-line)}.sine-lfo[data-state=armed]{border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.sine-lfo[data-state=armed] .sine-lfo-curve{stroke:var(--sk-armed-ink);opacity:.7}.sine-lfo[data-state=armed] .sine-lfo-dot{fill:var(--sk-armed-ink);opacity:.75}.sine-lfo[data-state=running]{border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live)}.sine-lfo[data-state=running] .sine-lfo-curve{stroke:var(--sk-line-lit);opacity:1;filter:drop-shadow(0 0 4px var(--sk-line-lit))}.sine-lfo[data-state=running] .sine-lfo-dot{fill:var(--sk-line-lit);opacity:1}.sine-lfo[data-state=stopping]{border-color:var(--sk-line);opacity:.7}.sine-lfo[data-state=stopping] .sine-lfo-curve{stroke:var(--sk-line-lit);opacity:.5}.sine-lfo[data-state=stopping] .sine-lfo-dot{fill:var(--sk-line-lit);opacity:.5}.sine-lfo-button,.sine-lfo-loop,.seq-arm{border-radius:calc(var(--sk-radius) * .7);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest);color:var(--sk-ink-dim);font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case)}.sine-lfo-loop[data-on=true],.seq-arm[data-state=running]{background:var(--sk-live-bg);border-color:var(--sk-live-edge);color:var(--sk-ink-on-live);box-shadow:var(--sk-glow-live)}.seq-arm[data-state=armed]{background:var(--sk-armed-bg);border-color:var(--sk-armed-edge);color:var(--sk-armed-ink);box-shadow:var(--sk-glow-armed)}.seq-arm[data-state=killing]{border-color:var(--sk-fault);color:var(--sk-fault)}.sine-lfo-button:disabled,.sine-lfo-loop:disabled,.seq-arm:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.macro-item{border-radius:var(--sk-radius);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest),var(--sk-drop);color:var(--sk-ink-dim)}.macro-item-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.macro-item-sub{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.macro-item[data-state=armed]{background:linear-gradient(var(--t-arm),var(--t-arm)),var(--sk-armed-bg);border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed),var(--sk-drop);color:var(--sk-armed-ink)}.macro-item[data-state=armed] .macro-item-name{color:var(--sk-armed-ink)}.macro-item[data-state=running]{background:linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live),0 0 40px -8px var(--t-glow),var(--sk-drop);color:var(--sk-ink-on-live)}.macro-item[data-state=running] .macro-item-name,.macro-item[data-state=running] .macro-item-sub{color:var(--sk-ink-on-live)}.macro-item[data-state=running] .macro-item-progress{background:var(--sk-ink-on-live)}.macro-item[data-state=killing]{border-color:var(--sk-fault);color:var(--sk-fault)}.macro-item[data-missing=true]{border-style:dashed;border-color:var(--sk-fault)}.macro-item:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.macro-item:active:not(:disabled){transform:translateY(1px)}.timeline-launcher{border-radius:var(--sk-radius);background:linear-gradient(var(--t-panel),var(--t-panel)),var(--sk-panel);border:var(--sk-border) solid var(--sk-line)}.timeline-launcher-empty{border:var(--sk-border) dashed var(--sk-line);border-radius:calc(var(--sk-radius) * .5);color:var(--sk-ink-ghost)}.timeline-launcher-empty-title{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink-dim)}.timeline-launcher-empty-sub{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.timeline-launcher-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.timeline-launcher-tier{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.timeline-launcher-whole,.timeline-launcher-section{border-radius:calc(var(--sk-radius) * .5);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);color:var(--sk-ink-dim);font-family:var(--font-mono)}.timeline-launcher-whole[data-active=true],.timeline-launcher-section[data-active=true]{background:var(--sk-live-bg);border-color:var(--sk-live-edge);color:var(--sk-ink-on-live);box-shadow:var(--sk-glow-live)}.timeline-launcher-whole:active:not(:disabled),.timeline-launcher-section:active:not(:disabled){transform:translateY(1px)}.timeline-launcher-loop{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.timeline-launcher-loop[data-on=true]{color:var(--sk-line-lit)}.timeline-launcher-live{background:var(--sk-line-lit);box-shadow:var(--sk-glow-live)}.timeline-launcher-live[data-armed=true]{background:var(--sk-armed-ink);box-shadow:var(--sk-glow-armed)}.timeline-launcher-viz-strip{background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * .3)}.tl-viz-sec{border-right:var(--sk-border) solid var(--sk-line)}.tl-viz-head{background:var(--sk-line-lit);box-shadow:var(--sk-glow-live)}.tl-viz-readout{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.transpose-cell,.waves-autotune-keys button,.waves-autotune-scales button{border-radius:calc(var(--sk-radius) * .6);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);color:var(--sk-ink-dim);font-family:var(--font-mono)}.transpose-cell[data-active=true],.waves-autotune-keys button[data-active=true],.waves-autotune-scales button[data-active=true]{background:linear-gradient(var(--t-vis),var(--t-vis)),var(--sk-live-bg);border-color:var(--sk-live-edge);color:var(--sk-ink-on-live);box-shadow:var(--sk-glow-live),0 0 24px -8px var(--t-glow)}.transpose-cell[data-armed=true]:not([data-active=true]){background:linear-gradient(var(--t-arm),var(--t-arm)),var(--sk-armed-bg);border-color:var(--sk-armed-edge);color:var(--sk-armed-ink);box-shadow:var(--sk-glow-armed)}.transpose-cell[data-home=true]:not([data-active=true]){border-color:var(--sk-line-lit);color:var(--sk-ink)}.transpose-cell:active:not(:disabled){transform:translateY(1px)}.transpose,.waves-autotune{border-radius:var(--sk-radius);background:linear-gradient(var(--t-panel),var(--t-panel)),var(--sk-panel);border:var(--sk-border) solid var(--sk-line)}@keyframes sk-unassigned-breathe{0%,to{opacity:.32}50%{opacity:1}}.editable-item[data-unassigned=true]:after,.editable-item[data-midi-clash=true]:after{content:"";position:absolute;inset:-2px;border-radius:calc(var(--sk-radius) + 2px);pointer-events:none;box-shadow:0 0 0 2px color-mix(in oklab,var(--sk-fault) 62%,transparent),0 0 26px -4px color-mix(in oklab,var(--sk-fault) 58%,transparent);opacity:.32}.shell:not([data-mode=performance]) .editable-item[data-unassigned=true]:not([data-dragging=true]):not([data-resizing=true]):after,.shell:not([data-mode=performance]) .editable-item[data-midi-clash=true]:not([data-dragging=true]):not([data-resizing=true]):after{animation:sk-unassigned-breathe 1.75s ease-in-out infinite;will-change:opacity}@media (prefers-reduced-motion: reduce){.editable-item[data-unassigned=true]:after,.editable-item[data-midi-clash=true]:after{animation:none;opacity:.75;will-change:auto}}.editable-item[data-pickable=true]:after{content:"";position:absolute;inset:-2px;border-radius:calc(var(--sk-radius) + 2px);pointer-events:none;box-shadow:0 0 0 2px color-mix(in oklab,var(--sk-line-lit) 62%,transparent),0 0 26px -4px color-mix(in oklab,var(--sk-line-lit) 58%,transparent);opacity:.32}.editable-item[data-pickable=true]:not([data-dragging=true]):not([data-resizing=true]):after{animation:sk-unassigned-breathe 1.75s ease-in-out infinite;will-change:opacity}@media (prefers-reduced-motion: reduce){.editable-item[data-pickable=true]:after{animation:none;opacity:.75;will-change:auto}}.timeline-editor-shell{background:var(--sk-panel);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * 1.5);box-shadow:var(--sk-glow-rest),0 44px 90px -30px #000000e6}.timeline-editor-head{background:var(--sk-panel);border-bottom:var(--sk-border) solid var(--sk-line)}.timeline-editor-title,.timeline-editor-title-main{font-family:var(--sk-font);font-weight:var(--weight-black);letter-spacing:calc(var(--sk-track) + .07em);text-transform:uppercase;color:var(--sk-ink)}.timeline-editor-tier-badge{font-family:var(--font-mono);color:var(--sk-ink-dim)}.timeline-grid{background:var(--sk-sunken)}.timeline-lane-gutter,.timeline-grid-gutter-head,.timeline-grid-gutter-foot{background:var(--sk-panel);border-right:var(--sk-border) solid var(--sk-line);border-bottom:var(--sk-border) solid var(--sk-line)}.timeline-lane-name,.timeline-grid-gutter-head-title{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.timeline-lane-remove{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.timeline-lane-track{border-bottom:var(--sk-border) solid var(--sk-line);background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--sk-line) 92%,transparent) 0 1px,transparent 1px var(--bar, 12.5%)),repeating-linear-gradient(90deg,color-mix(in oklab,var(--sk-line) 34%,transparent) 0 1px,transparent 1px var(--beat, 3.125%))}.timeline-beat-tick{background:color-mix(in oklab,var(--sk-line) 34%,transparent)}.timeline-grid-ruler-wrap,.timeline-ruler-bands,.timeline-ruler-bars{background:var(--sk-panel);border-bottom:var(--sk-border) solid var(--sk-line)}.timeline-ruler-band{border-right:var(--sk-border) solid var(--sk-line);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink-dim)}.timeline-ruler-band[data-ix="0"]{background:color-mix(in oklab,#00d5ff 12%,transparent)}.timeline-ruler-band[data-ix="1"]{background:color-mix(in oklab,#ff3dd4 12%,transparent)}.timeline-ruler-band[data-ix="2"]{background:color-mix(in oklab,#ffd400 12%,transparent)}.timeline-ruler-band[data-ix="3"]{background:color-mix(in oklab,#00ff6a 12%,transparent)}.timeline-ruler-band-name{font-family:var(--font-mono);color:var(--sk-ink)}.timeline-ruler-bar-num{font-family:var(--font-mono);color:var(--sk-ink-ghost);border-left:1px solid color-mix(in oklab,var(--sk-line) 80%,transparent)}.timeline-ruler-armed{background:var(--sk-armed-edge)}.timeline-grid-playhead{background:var(--sk-line-lit);box-shadow:var(--sk-glow-live)}.timeline-step-block{border-radius:calc(var(--sk-radius) * .45);background:linear-gradient(var(--t-arm),var(--t-arm)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest);font-family:var(--font-mono);color:var(--sk-ink)}.timeline-step-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--hue-ink);pointer-events:none}.timeline-step-block-label{color:var(--sk-ink)}.timeline-step-block[data-kind=buttonRef]:before{background:#00d5ff}.timeline-step-block[data-kind=animation]:before{background:#ff3dd4}.timeline-step-block[data-kind=marker]:before{background:#00ff6a}.timeline-step-block[data-selected=true]{border-color:var(--sk-line-lit);box-shadow:var(--sk-glow-rest),inset 0 0 0 1px var(--sk-line-lit)}.timeline-step-block[data-reject=true]{border-color:var(--sk-fault);background:linear-gradient(var(--t-arm),var(--t-arm)),var(--sk-rest-bg);color:var(--sk-fault)}.timeline-step-resize{background:color-mix(in oklab,var(--sk-line-lit) 45%,transparent)}.timeline-color-lane-strip{border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * .4)}.timeline-color-marker{background:var(--sk-ink);border:1px solid var(--sk-sunken)}.timeline-color-marker-ghost{background:var(--sk-ink-dim)}.timeline-palette{background:var(--sk-panel);border-top:var(--sk-border) solid var(--sk-line)}.timeline-palette-title,.timeline-palette-lighting-title{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:calc(var(--sk-track) + .06em);text-transform:uppercase;color:var(--sk-ink-dim)}.timeline-palette-hint,.timeline-palette-lighting-hint,.timeline-palette-empty{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.timeline-palette-chip{border-radius:calc(var(--sk-radius) * .5);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);box-shadow:var(--sk-glow-rest)}.timeline-palette-chip-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.timeline-palette-chip-meta{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.timeline-palette-lighting-swatch,.timeline-fixture-swatch{border:var(--sk-border) solid var(--sk-line);box-shadow:inset 0 1px #fff3,inset 0 -3px 6px -2px #0000009e,0 2px 4px -1px #00000082}.timeline-editor-section-row,.timeline-editor-list-item{border-radius:calc(var(--sk-radius) * .5);background:var(--sk-panel);border:var(--sk-border) solid var(--sk-line)}.timeline-editor-list-item[data-selected=true]{border-color:var(--sk-line-lit);box-shadow:var(--sk-glow-rest)}.timeline-editor-list-name,.timeline-editor-group-name,.timeline-editor-section-name{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink)}.timeline-editor-list-meta,.timeline-editor-section-num,.timeline-editor-section-len,.timeline-editor-sections-total,.timeline-editor-footnote,.timeline-editor-action-hint,.timeline-editor-action-len{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.timeline-editor-group-head{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);text-transform:var(--sk-case);color:var(--sk-ink-dim)}.timeline-editor-sections-list,.timeline-editor-sections-rows{background:var(--sk-sunken)}.timeline-color-menu,.timeline-color-picker,.timeline-grid-add-menu-panel,.timeline-lane-menu,.fixture-picker{background:var(--sk-panel);border:var(--sk-border) solid var(--sk-line);border-radius:var(--sk-radius);box-shadow:var(--sk-glow-rest),0 24px 60px -22px #000000e6;color:var(--sk-ink)}.timeline-color-picker-backdrop,.fixture-picker-overlay{background:#05060988}.timeline-color-menu-item,.fixture-picker-item{font-family:var(--sk-font);font-weight:var(--sk-weight);letter-spacing:var(--sk-track);color:var(--sk-ink)}.timeline-color-menu-shortcut,.timeline-color-picker-hex,.fixture-picker-item-meta,.fixture-picker-hint,.fixture-picker-empty{font-family:var(--font-mono);color:var(--sk-ink-ghost)}.timeline-color-menu-sep{background:var(--sk-line)}.fixture-picker-head,.timeline-color-picker-presets{border-bottom:var(--sk-border) solid var(--sk-line)}.fixture-picker-title{font-family:var(--sk-font);font-weight:var(--weight-black);letter-spacing:calc(var(--sk-track) + .07em);text-transform:uppercase;color:var(--sk-ink)}.timeline-marquee{border:1px solid var(--sk-line-lit);background:color-mix(in oklab,var(--sk-line-lit) 12%,transparent)}.timeline-lane-drop-preview{border:1px dashed var(--sk-line-lit);background:color-mix(in oklab,var(--sk-line-lit) 10%,transparent)}.mixer{position:relative;display:flex;width:100%;height:100%;gap:3px;padding:4px;box-sizing:border-box;border-radius:var(--sk-radius);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.mixer[data-waiting=true] .mixer-strip{filter:blur(2.5px);opacity:.5}.mixer-waiting{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.mixer-waiting-text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:0 2px;box-sizing:border-box;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:9px;line-height:1.15;letter-spacing:var(--tracking-tight);text-transform:uppercase;white-space:nowrap;color:var(--sk-ink);text-shadow:0 0 4px var(--sk-canvas),0 1px 3px var(--sk-canvas)}.mixer-rescan{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:var(--sk-ink-dim);background:color-mix(in oklab,var(--sk-canvas) 70%,transparent);border:var(--sk-border) solid var(--sk-line);border-radius:calc(var(--sk-radius) * .4);cursor:pointer;z-index:2}.mixer-feedback-dot{position:absolute;top:5px;left:5px;width:8px;height:8px;border-radius:50%;z-index:2;pointer-events:none;background:var(--sk-ink-ghost);opacity:.4}.mixer-feedback-dot[data-state=live]{background:var(--sk-line-lit);opacity:1;box-shadow:0 0 5px color-mix(in oklab,var(--sk-line-lit) 60%,transparent)}.mixer-feedback-dot[data-state=stale]{background:var(--sk-armed-ink);opacity:.9}.mixer-strip{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:stretch}.mixer-strip-name{height:16px;font-family:var(--font-mono);font-size:9px;line-height:16px;text-align:center;color:var(--sk-ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mixer-strip[data-muted=true] .mixer-strip-name{opacity:.5}.mixer-strip-body{flex:1 1 auto;min-height:0;display:flex;gap:2px;justify-content:center}.mixer-meter{position:relative;width:5px;align-self:stretch;border-radius:3px;background:color-mix(in oklab,var(--sk-canvas) 80%,transparent);overflow:hidden}.mixer-meter-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--sk-line-lit),var(--sk-armed-ink) 78%,var(--sk-fault))}.mixer-fader{position:relative;flex:1 1 auto;min-width:20px;border-radius:var(--sk-radius);background:none;border:none;overflow:visible;touch-action:none;cursor:pointer}.mixer-fader-track{position:absolute;left:50%;transform:translate(-50%);top:8px;bottom:8px;width:12px;border-radius:var(--sk-radius);background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-sunken);border:var(--sk-border) solid var(--sk-line)}.mixer-fader-fill{position:absolute;left:50%;transform:translate(-50%);bottom:9px;width:8px;border-radius:calc(var(--sk-radius) - 2px);background:linear-gradient(0deg,color-mix(in oklab,var(--sk-line-lit) 26%,transparent) 0%,color-mix(in oklab,var(--sk-line-lit) 62%,transparent) 52%,var(--sk-line-lit) 100%);box-shadow:var(--sk-glow-rest);pointer-events:none}.mixer-unity-tick{position:absolute;left:2px;right:2px;height:0;border-top:1px solid color-mix(in oklab,var(--sk-ink-dim) 45%,transparent);pointer-events:none;z-index:1}.mixer-fader-handle{position:absolute;left:2px;right:2px;height:20px;border-radius:calc(var(--sk-radius) - 2px);background:var(--sk-panel);border:var(--sk-border) solid var(--sk-line-lit);box-shadow:var(--sk-glow-rest);pointer-events:none;z-index:3}.mixer-fader-handle:before{content:"";position:absolute;left:3px;right:3px;top:50%;transform:translateY(-50%);height:2px;border-radius:1px;background:var(--sk-line-lit)}.mixer-fader[data-dragging=true] .mixer-fader-handle{box-shadow:var(--sk-glow-live)}.mixer-fader[data-grabbed=true] .mixer-fader-handle{border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.mixer-fader[data-grabbed=true] .mixer-fader-handle:before{background:var(--sk-armed-ink)}.mixer-strip-db{height:14px;font-family:var(--font-mono);font-size:9px;line-height:14px;text-align:center;color:var(--sk-ink-dim);white-space:nowrap;overflow:hidden}.mixer-mute,.mixer-solo,.mixer-arm{height:24px;padding:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--sk-ink-dim);background:var(--sk-rest-bg);border:var(--sk-border) solid var(--sk-rest-edge);border-radius:calc(var(--sk-radius) * .5);box-shadow:var(--sk-glow-rest);cursor:pointer;transition:box-shadow 90ms ease,transform 60ms ease,background .12s ease}.mixer-mute:active,.mixer-solo:active,.mixer-arm:active{transform:translateY(1px)}.mixer-mute[data-on=true]{color:var(--sk-ink-on-live);background:var(--sk-fault);border-color:var(--sk-fault);box-shadow:0 0 22px -8px var(--sk-fault)}.mixer-solo[data-on=true]{color:var(--sk-ink-on-live);background:var(--sk-live-bg);border-color:var(--sk-live-edge);box-shadow:var(--sk-glow-live)}.mixer-arm[data-on=true]{color:var(--sk-armed-ink);background:var(--sk-armed-bg);border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.mixer-btn-row{display:flex;gap:3px;align-items:stretch}.mixer-btn-row>button{flex:1 1 0;min-width:0}.mixer-sends{display:flex;flex-direction:column;gap:2px}.mixer-hslider{position:relative;height:16px;flex:0 0 auto;border-radius:calc(var(--sk-radius) * .4);background:var(--sk-sunken);border:var(--sk-border) solid var(--sk-line);overflow:hidden;touch-action:none;cursor:pointer}.mixer-hslider[data-dragging=true]{border-color:var(--sk-line-lit)}.mixer-hslider[data-grabbed=true]{border-color:var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.mixer-hslider[data-grabbed=true] .mixer-hslider-handle{background:var(--sk-armed-bg);border-color:var(--sk-armed-edge)}.mixer-hslider-track{position:absolute;left:4px;right:4px;top:50%;height:2px;transform:translateY(-50%);background:color-mix(in oklab,var(--sk-ink-dim) 30%,transparent);border-radius:1px}.mixer-hslider-fill{position:absolute;left:0;top:0;bottom:0;background:color-mix(in oklab,var(--sk-line-lit) 22%,transparent);box-shadow:var(--sk-glow-rest)}.mixer-hslider-handle{position:absolute;top:2px;bottom:2px;width:8px;border-radius:3px;background:var(--sk-line-lit);border:var(--sk-border) solid transparent;box-shadow:var(--sk-glow-rest)}.mixer-hslider-label{position:absolute;left:3px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:8px;line-height:1;color:var(--sk-ink-dim);pointer-events:none;z-index:1}.mixer-pan .mixer-hslider-fill{display:none}.mixer-pan:after{content:"";position:absolute;left:50%;top:3px;bottom:3px;width:1px;transform:translate(-50%);background:color-mix(in oklab,var(--sk-ink-dim) 45%,transparent);pointer-events:none}.editable-item[data-hue] .mixer-fader-fill{box-shadow:var(--sk-glow-rest),0 0 18px -6px var(--t-glow)}.editable-item[data-hue] .mixer-hslider-fill{box-shadow:var(--sk-glow-rest),0 0 12px -6px var(--t-glow)}.mixer[data-skin=neon] .mixer-fader-track{top:6px;bottom:6px;width:8px;border-radius:4px;background:color-mix(in oklab,var(--sk-line-lit) 10%,transparent);border:none}.mixer[data-skin=neon] .mixer-fader-fill{width:8px;bottom:6px;border-radius:4px;background:color-mix(in oklab,var(--sk-line-lit) 50%,transparent);box-shadow:none}.mixer[data-skin=neon] .mixer-unity-tick{left:3px;right:3px;border-top:1px dashed color-mix(in oklab,var(--sk-ink-dim) 80%,transparent)}.mixer[data-skin=neon] .mixer-fader-handle{left:4px;right:4px;border:0;border-radius:3px;background:var(--sk-line-lit);box-shadow:0 1px 2px #0006}.mixer[data-skin=neon] .mixer-fader-handle:before{display:none}.mixer[data-skin=neon] .mixer-fader[data-grabbed=true] .mixer-fader-handle{border:1px solid var(--sk-armed-edge);box-shadow:var(--sk-glow-armed)}.mixer[data-skin=neon] .mixer-mute{height:22px;color:var(--sk-ink-dim);background:color-mix(in oklab,var(--sk-canvas) 70%,transparent);border:var(--sk-border) solid var(--sk-line);box-shadow:none}.mixer[data-skin=neon] .mixer-mute[data-on=true]{color:var(--sk-ink-on-live);background:var(--sk-armed-bg);border-color:var(--sk-armed-edge);box-shadow:none}.mixer[data-skin=neve]{background:repeating-linear-gradient(to right,#ffffff06 0 1px,#0000000f 1px 2px),linear-gradient(to bottom,#34352d,#25261d);border:1px solid #15160d;box-shadow:inset 0 1px #ffffff0f}.mixer[data-skin=neve] .mixer-rescan{color:#c9c1a6;background:#14150d8c;border-color:#14150c}.mixer[data-skin=neve] .mixer-strip-name{color:#d9d1b6;letter-spacing:.4px}.mixer[data-skin=neve] .mixer-strip-db{color:#d6b878}.mixer[data-skin=neve] .mixer-fader{background:linear-gradient(to bottom,#2c2d25,#211f17);border:1px solid #131309;border-top-color:#ffffff0f;box-shadow:inset 0 1px 2px #00000080;border-radius:6px}.mixer[data-skin=neve] .mixer-fader[data-dragging=true]{border-color:#d9d1b666}.mixer[data-skin=neve] .mixer-fader-track{background:linear-gradient(to right,transparent 42%,rgba(214,184,120,.12) 48% 52%,transparent 58%),linear-gradient(to right,#0a0a07,#040403 50%,#0a0a07);border:none;box-shadow:inset 0 2px 4px #000000e6,inset 0 -1px 2px #0009,inset 1px 0 1px #00000080,inset -1px 0 1px #00000080}.mixer[data-skin=neve] .mixer-fader-fill{background:linear-gradient(to top,#d6aa6038,#d6aa600a);box-shadow:none}.mixer[data-skin=neve] .mixer-unity-tick{border-top:1px solid rgba(217,209,182,.42)}.mixer[data-skin=neve] .mixer-fader-handle{left:1px;right:1px;border-radius:3px;background:linear-gradient(to bottom,#ffffff29,#fff0 34%),repeating-linear-gradient(to bottom,#ffffff0d 0 1px,#00000080 1px 4px),linear-gradient(to bottom,#2a2a26,#161613 40%,#070706);border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid #000;box-shadow:0 4px 7px #000000a6,inset 0 1px #ffffff1a,inset 0 -3px 4px #0009}.mixer[data-skin=neve] .mixer-fader-handle:before{height:2px;background:#eae3cd;box-shadow:0 0 3px #eae3cd80,0 1px #0009}.mixer[data-skin=neve] .mixer-fader[data-dragging=true] .mixer-fader-handle:before{box-shadow:0 0 6px 1px #eae3cdbf,0 1px #0009}.mixer[data-skin=neve] .mixer-fader[data-grabbed=true] .mixer-fader-handle{box-shadow:0 4px 7px #000000a6,0 0 10px 2px color-mix(in oklab,var(--sk-armed-edge) 70%,transparent)}.mixer[data-skin=neve] .mixer-mute{color:#d9d1b6;background:linear-gradient(to bottom,#3a3a32,#26261f 55%,#1a1a14);border:1px solid #0c0c07;border-top-color:#ffffff21;box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff1a,inset 0 -2px 3px #00000073}.mixer[data-skin=neve] .mixer-mute[data-on=true]{color:#fff5ec;background:linear-gradient(to bottom,#e5443a,#c1211a 52%,#8f120c);border-color:#6e0f0a;border-top-color:#ffdcd280;box-shadow:0 0 9px 1px #dc281ea6,0 0 18px 4px #c81e1466,inset 0 1px #ffe6dc8c,inset 0 -3px 5px #5a00008c}.mixer[data-skin=ableton]{background:#303030;border:1px solid #1b1b1b;border-radius:3px;gap:1px}.mixer[data-skin=ableton] .mixer-strip{background:#363636;gap:4px}.mixer[data-skin=ableton] .mixer-strip-name{color:#cfcfcf}.mixer[data-skin=ableton] .mixer-strip-db{color:#d2d2d2;background:#1f1f1f;border:1px solid #141414;border-radius:2px}.mixer[data-skin=ableton] .mixer-fader{background:#2b2b2b;border:1px solid #191919;border-radius:2px;box-shadow:none}.mixer[data-skin=ableton] .mixer-fader[data-dragging=true]{border-color:#6a6a6a}.mixer[data-skin=ableton] .mixer-fader-track{top:5px;bottom:5px;width:3px;border-radius:2px;background:#171717;border:none;box-shadow:none}.mixer[data-skin=ableton] .mixer-fader-fill{width:3px;bottom:5px;border-radius:2px;background:#454545;box-shadow:none}.mixer[data-skin=ableton] .mixer-unity-tick{border-top:1px solid rgba(210,210,210,.32)}.mixer[data-skin=ableton] .mixer-fader-handle{left:0;right:0;border:0;background:transparent;box-shadow:none}.mixer[data-skin=ableton] .mixer-fader-handle:before{left:0;right:0;top:50%;height:5px;transform:translateY(-50%);border:1px solid #0e0e0e;border-radius:1px;background:linear-gradient(to bottom,#cacaca,#8a8a8a);box-shadow:0 1px 2px #0000008c}.mixer[data-skin=ableton] .mixer-fader[data-dragging=true] .mixer-fader-handle:before{background:linear-gradient(to bottom,#e0e0e0,#a4a4a4)}.mixer[data-skin=ableton] .mixer-fader[data-grabbed=true] .mixer-fader-handle:before{border-color:var(--sk-armed-edge);box-shadow:0 0 8px 2px color-mix(in oklab,var(--sk-armed-edge) 65%,transparent)}.mixer[data-skin=ableton] .mixer-meter{width:4px;background:#171717;border-radius:1px}.mixer[data-skin=ableton] .mixer-meter-fill{background:linear-gradient(to top,#4a8f3a,#86c440 72%,#d8c23e)}.mixer[data-skin=ableton] .mixer-solo,.mixer[data-skin=ableton] .mixer-arm,.mixer[data-skin=ableton] .mixer-mute{height:18px;border-radius:2px;color:#c2c2c2;background:#2a2a2a;border:1px solid #161616;box-shadow:none}.mixer[data-skin=ableton] .mixer-solo:active,.mixer[data-skin=ableton] .mixer-arm:active,.mixer[data-skin=ableton] .mixer-mute:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #00000080}.mixer[data-skin=ableton] .mixer-solo[data-on=true]{color:#08171f;background:linear-gradient(to bottom,#5cb4e6,#3c9bd6);border-color:#2c7bb0;box-shadow:0 0 6px 1px #46a0d780}.mixer[data-skin=ableton] .mixer-arm[data-on=true]{color:#fff;background:linear-gradient(to bottom,#e0433c,#c22a24);border-color:#8f1c17;box-shadow:0 0 6px 1px #d2322880}.mixer[data-skin=ableton] .mixer-mute[data-on=true]{color:#201900;background:linear-gradient(to bottom,#e8c84a,#d3a92a);border-color:#9a7a1a;box-shadow:0 0 6px 1px #dcbe3c73}.mixer[data-skin=ableton] .mixer-hslider{background:#2a2a2a;border:1px solid #161616;border-radius:2px}.mixer[data-skin=ableton] .mixer-hslider[data-dragging=true]{border-color:#6a6a6a}.mixer[data-skin=ableton] .mixer-hslider-track{background:#454545}.mixer[data-skin=ableton] .mixer-hslider-fill{background:color-mix(in oklab,var(--hue, #6aa0d0) 34%,transparent);box-shadow:none}.mixer[data-skin=ableton] .mixer-hslider-handle{background:#b4b4b4;box-shadow:0 1px 2px #00000080}.mixer[data-skin=ableton] .mixer-hslider-label{color:#8a8a8a}.editable-item{--t-base: color-mix(in oklab, var(--hue) 17%, transparent) }.editable-item{--t-panel: color-mix(in oklab, var(--hue) 12%, transparent) }.editable-item{--t-vis: color-mix(in oklab, var(--hue) 68%, transparent) }.editable-item{--t-arm: color-mix(in oklab, var(--hue) 33%, transparent) }.editable-item{--t-glow: color-mix(in oklab, var(--hue) 80%, transparent) }.editable-item[data-hue] .radial-body{background:linear-gradient(var(--t-base),var(--t-base)),var(--sk-rest-bg)}.editable-item[data-hue] .fader-fill{box-shadow:var(--sk-glow-rest),0 0 18px -6px var(--t-glow)}.inspector-swatch.sk-swatch{width:26px;height:26px;flex:none;padding:0;cursor:pointer;border-radius:calc(var(--sk-radius) * .7);border:2px solid var(--sk-line);background:var(--swatch, transparent);box-shadow:inset 0 1px #fff3,0 2px 5px -2px #000000a6;transition:border-color .12s ease,box-shadow .12s ease}.inspector-swatch.sk-swatch[data-hue=none]{background:linear-gradient(45deg,transparent 45%,var(--sk-fault) 45% 55%,transparent 55%),var(--sk-sunken)}.inspector-swatch.sk-swatch[data-selected=true]{border-color:var(--sk-ink);box-shadow:inset 0 1px #ffffff59,0 0 0 3px #ffffff1a,0 0 20px -4px var(--swatch, transparent)}