:root{--surface-well: #0b0c0e;--surface-0: #111214;--surface-1: #18191c;--surface-2: #1f2125;--surface-3: #2a2d32;--surface-4: #35383f;--line: #34373d;--line-soft: #26292e;--text-1: #eceded;--text-2: #a4a8b0;--text-3: #7a7f88;--accent: #ff8a3d;--on-accent: #1a1206;--select: #5b9dff;--on-select: #0b1424;--ok: #3ccb7f;--warn: #f2c14e;--danger: #f0544f;--on-ok: #06170e;--on-warn: #1c1503;--on-danger: #2a0605;--track-synth: #9b87f5;--track-drums: #f26b5b;--track-slicer: #e9b949;--track-audio: #35c4c0;--on-track: #11131a;--tint-1: rgba(255, 255, 255, .03);--tint-2: rgba(255, 255, 255, .06);--tint-3: rgba(255, 255, 255, .1);--tint-4: rgba(255, 255, 255, .18);--shade-1: rgba(0, 0, 0, .15);--shade-2: rgba(0, 0, 0, .3);--shade-3: rgba(0, 0, 0, .55);--scrim: rgba(0, 0, 0, .62);--ink: #000000;--paper: #ffffff;--key-white: #e6e7ea;--key-white-hover: #cfd1d6;--key-black: #16171a;--key-black-hover: #24262b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .55);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .65);--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--fs-1: 11px;--fs-2: 12px;--fs-3: 13px;--fs-4: 15px;--fs-5: 18px;--fs-6: 24px;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--sp-7: 24px;--r-ctl: 4px;--r-card: 6px;--r-dialog: 10px;--r-pill: 999px;--h-sm: 24px;--h-md: 28px;--h-lg: 32px;--cell-h: 18px;--cell-alt: var(--shade-2);--cell-hover: color-mix(in srgb, var(--accent) 14%, transparent);--scale-row: color-mix(in srgb, var(--track-synth) 9%, transparent);--scale-root-row: color-mix(in srgb, var(--track-synth) 20%, transparent);--waveform-dim: color-mix(in srgb, var(--track-slicer) 14%, transparent);--overlay-bg: color-mix(in srgb, var(--surface-0) 92%, transparent);--scrollbar-track: var(--surface-1);--scrollbar-thumb: var(--line);--bg: var(--surface-0);--bg1: var(--surface-well);--bg2: var(--surface-1);--bg3: var(--surface-2);--bg4: var(--surface-3);--border: var(--line);--accent2: var(--track-slicer);--accent-synth: var(--track-synth);--accent-drum: var(--track-drums);--accent-audio: var(--track-audio);--text: var(--text-1);--text2: var(--text-2);--text3: var(--text-3);--green: var(--ok);--yellow: var(--warn)}[data-theme=light]{--surface-well: #e7e9ed;--surface-0: #f4f5f7;--surface-1: #ffffff;--surface-2: #f0f1f4;--surface-3: #e3e5ea;--surface-4: #d6d9e0;--line: #d3d6dc;--line-soft: #e4e6ea;--text-1: #15171a;--text-2: #50555e;--text-3: #767b84;--accent: #c25309;--on-accent: #ffffff;--select: #2f6fe0;--on-select: #ffffff;--ok: #157f4b;--warn: #8a6100;--danger: #c7332e;--on-ok: #ffffff;--on-warn: #ffffff;--on-danger: #ffffff;--track-synth: #6d4fe0;--track-drums: #cf4030;--track-slicer: #8f6708;--track-audio: #0c8480;--on-track: #ffffff;--tint-1: rgba(0, 0, 0, .03);--tint-2: rgba(0, 0, 0, .06);--tint-3: rgba(0, 0, 0, .1);--tint-4: rgba(0, 0, 0, .16);--shade-1: rgba(0, 0, 0, .08);--shade-2: rgba(0, 0, 0, .14);--shade-3: rgba(0, 0, 0, .28);--scrim: rgba(0, 0, 0, .45);--key-white: #fbfbfc;--key-white-hover: #e8e9ec;--key-black: #3a3d43;--key-black-hover: #4c5058;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .16)}:root{--motion-fast: .12s;--motion-med: .18s}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-med: 0ms}}