:root{--bg: #0a0808;--bg-text: #f5f3ff;--accent: #b32828;--theme-color-meta: #141314;--hw-crimson: #8b1a1a;--hw-crimson-dark: #5c0f0f;--hw-crimson-light: #b32828;--hw-panel: #141416;--hw-panel-elevated: #1c1c1f;--hw-panel-inset: #0a0a0b;--hw-border: rgba(255, 255, 255, .08);--hw-text: #f2f0eb;--hw-text-muted: rgba(242, 240, 235, .52);--hw-text-subtle: rgba(242, 240, 235, .78);--hw-text-faint: rgba(242, 240, 235, .55);--hw-text-on-accent: #f2f0eb;--utility-logout-color: #ffb4b4;--utility-logout-hover: #ffd8d8;--hw-surface-inset: rgba(0, 0, 0, .22);--hw-surface-control: rgba(0, 0, 0, .35);--hw-surface-muted: rgba(0, 0, 0, .18);--hw-surface-border-soft: rgba(255, 255, 255, .08);--hw-surface-border: rgba(255, 255, 255, .12);--hw-control-bg: linear-gradient(180deg, #2a2a2e, #141416);--pad-hit-bg: linear-gradient(180deg, #2a2a2e, #141416);--pad-tooltip-bg: rgba(18, 18, 20, .96);--pad-tooltip-border: rgba(255, 255, 255, .12);--pad-toggle-track-bg: rgba(0, 0, 0, .35);--pad-toggle-track-border: rgba(255, 255, 255, .14);--pad-toggle-thumb: rgba(242, 240, 235, .72);--hw-knob-face: linear-gradient(145deg, #4a4a50 0%, #2a2a2e 45%, #1a1a1d 100%);--hw-knob-ring: linear-gradient(180deg, #6a6a72, #2e2e34);--hw-btn-border: rgba(255, 255, 255, .12);--hw-btn-bg: linear-gradient(180deg, #2a2a2e 0%, #18181b 100%);--hw-btn-hover-bg: linear-gradient(180deg, #35353a 0%, #1e1e22 100%);--hw-btn-active-bg: linear-gradient(180deg, #b32828 0%, #8b1a1a 100%);--hw-btn-active-border: rgba(255, 180, 180, .35);--hw-accent: #b32828;--hw-accent-border: rgba(179, 40, 40, .52);--hw-accent-glow: rgba(139, 26, 26, .22);--hw-accent-card-bg: linear-gradient( 165deg, rgba(179, 40, 40, .18) 0%, rgba(28, 28, 31, .94) 42%, rgba(16, 16, 18, .98) 100% );--shell-glow: rgba(139, 26, 26, .25);--chassis-border-color: #8b1a1a;--chassis-bg: linear-gradient( 180deg, #5c0f0f 0%, #8b1a1a 2%, #0a0a0b 2.5%, #141416 100% );--chassis-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 40px rgba(0, 0, 0, .55), 0 0 0 6px rgba(92, 15, 15, .35);--chassis-body-bg: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .03), transparent 40%), #141416;--set-hub-bg: rgba(10, 10, 11, .42);--set-hub-border: rgba(255, 255, 255, .07);--set-hub-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .18);--coverflow-card-bg: rgba(24, 24, 27, .62);--coverflow-card-active-bg: var(--hw-accent-card-bg);--coverflow-card-hover-bg: rgba(34, 34, 38, .78);--coverflow-card-border: rgba(255, 255, 255, .08);--coverflow-card-shine: linear-gradient(180deg, rgba(255, 255, 255, .07), transparent 48%);--coverflow-card-active-shine: linear-gradient( 180deg, rgba(255, 255, 255, .14) 0%, rgba(179, 40, 40, .08) 38%, transparent 72% );--coverflow-card-active-shadow: 0 10px 28px rgba(0, 0, 0, .32), 0 0 0 1px rgba(179, 40, 40, .22), inset 0 1px 0 rgba(255, 255, 255, .14);--coverflow-card-pending-shadow: 0 10px 28px rgba(0, 0, 0, .28), 0 0 0 1px rgba(212, 175, 55, .35), inset 0 1px 0 rgba(255, 255, 255, .12);--coverflow-nav-bg: rgba(24, 24, 27, .55);--coverflow-nav-border: rgba(255, 255, 255, .1);--coverflow-nav-border-hover: rgba(255, 255, 255, .18);--modal-backdrop: rgba(0, 0, 0, .72);--modal-bg: #141316;--modal-panel: #121214;--modal-panel-inset: #0f0f11;--modal-shadow: 0 24px 80px rgba(0, 0, 0, .6);--modal-border: rgba(255, 255, 255, .08);--modal-border-strong: rgba(255, 255, 255, .12);--modal-close-bg: rgba(255, 255, 255, .04);--menu-panel-bg: linear-gradient(180deg, #242428, #17171a);--menu-panel-border: rgba(255, 255, 255, .1);--settings-border: rgba(255, 255, 255, .08);--settings-border-strong: rgba(255, 255, 255, .12);--settings-nav-text: rgba(255, 255, 255, .72);--settings-nav-text-hover: #f2f0eb;--settings-nav-hover-bg: rgba(255, 255, 255, .05);--settings-nav-active-bg: rgba(0, 188, 212, .1);--settings-nav-active-border: rgba(0, 188, 212, .28);--settings-nav-active-text: #f2f0eb;--settings-nav-icon-bg: rgba(255, 255, 255, .06);--settings-nav-icon-active-bg: rgba(0, 188, 212, .18);--settings-accent: #00bcd4;--settings-accent-soft: rgba(0, 188, 212, .12);--settings-accent-border: rgba(0, 188, 212, .25);--settings-accent-focus: rgba(0, 188, 212, .65);--settings-accent-focus-ring: rgba(0, 188, 212, .18);--settings-close-bg: rgba(255, 255, 255, .05);--settings-close-border: rgba(255, 255, 255, .12);--settings-close-text: rgba(255, 255, 255, .8);--settings-header-bg: linear-gradient(180deg, rgba(255, 255, 255, .04), transparent);--settings-input-bg: rgba(0, 0, 0, .28);--settings-input-border: rgba(255, 255, 255, .1);--settings-row-bg: rgba(0, 0, 0, .22);--settings-hint-bg: rgba(255, 255, 255, .03);--settings-hint-border: rgba(255, 255, 255, .06);--settings-card-highlight: rgba(255, 255, 255, .04);--settings-toggle-off-bg: rgba(255, 255, 255, .12);--settings-toggle-off-border: rgba(255, 255, 255, .08);--settings-toggle-thumb: #fff;--settings-toggle-on-bg: linear-gradient(180deg, #00c4dc, #0097a7);--settings-toggle-on-border: rgba(0, 188, 212, .55);--settings-confirm-bg: #1c1a1f;--settings-confirm-text: rgba(255, 255, 255, .82);--settings-confirm-title: #f2f0eb;--settings-status-active-text: #8ef0d9;--settings-status-active-bg: rgba(0, 188, 212, .12);--settings-status-active-border: rgba(0, 188, 212, .35);--hw-select-bg: rgba(0, 0, 0, .28);--hw-select-bg-hover: rgba(0, 0, 0, .34);--hw-select-border: rgba(255, 255, 255, .1);--hw-select-border-hover: rgba(255, 255, 255, .16);--hw-select-border-focus: rgba(0, 188, 212, .65);--hw-select-focus-ring: rgba(0, 188, 212, .18);--hw-select-placeholder: rgba(242, 240, 235, .45);--hw-select-chevron: rgba(242, 240, 235, .55);--hw-select-menu-bg: #1a1a1e;--hw-select-menu-border: rgba(255, 255, 255, .12);--hw-select-menu-shadow: 0 16px 48px rgba(0, 0, 0, .48);--hw-select-group-label: rgba(242, 240, 235, .42);--hw-select-option-hover: rgba(255, 255, 255, .06);--hw-select-option-active: rgba(0, 188, 212, .14);--hw-select-option-active-text: #f2f0eb;--hw-select-check: #00bcd4;--hw-wheel-shell-bg: linear-gradient(180deg, #141416, #0a0a0c);--hw-wheel-shell-border: rgba(255, 255, 255, .08);--hw-wheel-well-bg: linear-gradient(90deg, #030304, #101012 18%, #18181c 50%, #101012 82%, #030304);--hw-wheel-well-border: rgba(255, 255, 255, .08);--hw-wheel-track-bg: linear-gradient(90deg, #060607 0%, #151518 24%, #222228 50%, #151518 76%, #060607 100%);--hw-wheel-thumb-border: rgba(0, 0, 0, .55);--hw-wheel-thumb-groove: repeating-linear-gradient( 180deg, #eceff3 0 2px, #b5bcc6 2px 3px, #dfe3e8 3px 5px, #9aa2ad 5px 6px );--hw-wheel-thumb-face: linear-gradient(90deg, #6f757e 0%, #b8bec7 18%, #f3f5f7 50%, #b8bec7 82%, #6f757e 100%);--hw-wheel-center-line: rgba(255, 255, 255, .18);--kb-bar-border: rgba(255, 255, 255, .08);--kb-bar-bg: linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 18%), linear-gradient(180deg, #2e2e30, #1e1e20);--kb-bar-bg-collapsed: linear-gradient(180deg, rgba(255, 255, 255, .015), transparent 70%), #1c1c1e;--kb-bar-highlight: rgba(255, 255, 255, .04);--kb-handle: rgba(255, 255, 255, .24);--kb-handle-hover: rgba(255, 255, 255, .38);--kb-scrollbar-thumb: rgba(255, 255, 255, .24);--kb-split-track-bg: rgba(255, 255, 255, .04);--kb-split-muted-bg: rgba(0, 0, 0, .55);--kb-split-muted-border: rgba(255, 255, 255, .08);--kb-piano-shell: #2a2a2a;--kb-piano-shell-shadow: inset 0 0 0 1px rgba(0, 0, 0, .45), 0 4px 14px rgba(0, 0, 0, .3);--kb-piano-bezel: linear-gradient(90deg, #050505, #151515 60%, #1c1c1c);--kb-piano-bezel-border: #000;--kb-piano-board: #333;--kb-wheel-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 4px 14px rgba(0, 0, 0, .28);--kb-wheel-track-inset: inset 0 4px 12px rgba(0, 0, 0, .82), inset 0 0 0 1px rgba(0, 0, 0, .65);--kb-wheel-track-shade: linear-gradient( 90deg, rgba(0, 0, 0, .55), transparent 28%, transparent 72%, rgba(0, 0, 0, .55) );--kb-key-active-top: #c5d6e8;--kb-key-active-mid: #a8bdd4;--kb-key-active-bottom: #8fadc8;--kb-key-active-black-top: #7a94ab;--kb-key-active-black-mid: #627a92;--kb-key-active-black-bottom: #4f657a;--kb-key-label: rgba(0, 0, 0, .35);--master-card-border: rgba(255, 255, 255, .08);--master-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 28%), linear-gradient(180deg, #1a1816, #101012);--master-card-highlight: rgba(255, 255, 255, .06);--master-card-shadow: 0 8px 24px rgba(0, 0, 0, .35);--master-fader-well: linear-gradient(180deg, #0c0c0e, #222226);--master-fader-well-border: rgba(255, 255, 255, .08);--master-fader-well-inset: inset 0 3px 10px rgba(0, 0, 0, .55);--master-meter-segment: rgba(255, 255, 255, .06);--master-meter-segment-inset: inset 0 1px 2px rgba(0, 0, 0, .35);--master-meter-lit: linear-gradient(180deg, #e8c878, #c4a050);--master-meter-lit-glow: rgba(196, 160, 80, .35);--master-scale-color: #c4a574;--master-scale-tick: rgba(196, 165, 116, .65);--layer-strip-border: rgba(255, 255, 255, .07);--layer-strip-highlight: rgba(255, 255, 255, .05);--layer-strip-muted-bg: #1a1a1c;--layer-strip-muted-border: rgba(255, 255, 255, .04);--layer-strip-muted-highlight: rgba(255, 255, 255, .015);--layer-name-focus-bg: rgba(0, 0, 0, .2);--layer-name-focus-border: rgba(255, 255, 255, .12);--layer-input-inset: inset 0 2px 6px rgba(0, 0, 0, .35);--layer-effect-card-border: rgba(255, 255, 255, .08);--layer-effect-card-highlight: rgba(255, 255, 255, .04);--layer-pan-track: linear-gradient(180deg, #2a2826, #141414);--layer-pan-track-border: rgba(255, 255, 255, .08);--layer-pan-center: rgba(196, 165, 116, .55);--layer-pan-thumb-border: rgba(255, 255, 255, .45);--layer-pan-thumb-bg: linear-gradient(180deg, #f5f5f5, #b8b8b8);--layer-knob-ring-border: rgba(255, 255, 255, .1);--layer-knob-pointer: rgba(255, 255, 255, .92);--layer-knob-pointer-glow: rgba(255, 255, 255, .35);--layer-board-border: rgba(255, 255, 255, .05);--layer-board-shadow: inset 0 2px 12px rgba(0, 0, 0, .45);--layer-module-bg: linear-gradient(180deg, var(--hw-surface-muted), transparent 42%), var(--hw-surface-control);--layer-module-border: var(--hw-surface-border-soft);--layer-module-highlight: var(--hw-surface-border-soft);--layer-module-head: rgba(255, 255, 255, .04);--layer-power-led-off: var(--hw-text-faint);--layer-power-led-on: var(--accent);--layer-control-label: rgba(242, 240, 235, .82);--layer-control-value: rgba(242, 240, 235, .66);color-scheme:dark}:root[data-theme=light]{--bg: #d7dce3;--bg-text: #1a2230;--accent: #9a2222;--theme-color-meta: #e8ecf2;--hw-crimson: #9a2222;--hw-crimson-dark: #7a1818;--hw-crimson-light: #c43a3a;--hw-panel: #d0d7e0;--hw-panel-elevated: #e8edf3;--hw-panel-inset: #bcc6d3;--hw-border: rgba(28, 36, 48, .16);--hw-text: #1c2430;--hw-text-muted: rgba(28, 36, 48, .62);--hw-text-subtle: rgba(28, 36, 48, .84);--hw-text-faint: rgba(28, 36, 48, .68);--hw-text-on-accent: #fafbfd;--utility-logout-color: #9a2222;--utility-logout-hover: #c43a3a;--hw-surface-inset: rgba(255, 255, 255, .62);--hw-surface-control: rgba(255, 255, 255, .82);--hw-surface-muted: rgba(255, 255, 255, .48);--hw-surface-border-soft: rgba(28, 36, 48, .12);--hw-surface-border: rgba(28, 36, 48, .16);--hw-control-bg: linear-gradient(180deg, #f4f6fa 0%, #dde3eb 52%, #c8d0db 100%);--pad-hit-bg: linear-gradient(180deg, #f8f9fc 0%, #e4e9f0 48%, #cdd4de 100%);--pad-tooltip-bg: rgba(242, 245, 249, .98);--pad-tooltip-border: rgba(28, 36, 48, .14);--pad-toggle-track-bg: #bcc6d3;--pad-toggle-track-border: rgba(28, 36, 48, .16);--pad-toggle-thumb: #f6f8fb;--hw-knob-face: linear-gradient(145deg, #f8f9fc 0%, #e4e9f0 42%, #c5ced8 100%);--hw-knob-ring: linear-gradient(180deg, #eef1f6, #aeb8c6);--hw-btn-border: rgba(255, 255, 255, .65);--hw-btn-bg: linear-gradient(180deg, #fafbfd 0%, #d5dbe4 42%, #aeb8c6 100%);--hw-btn-hover-bg: linear-gradient(180deg, #ffffff 0%, #e2e7ee 42%, #bcc6d3 100%);--hw-btn-active-bg: linear-gradient(180deg, #c43a3a 0%, #9a2222 100%);--hw-btn-active-border: rgba(255, 210, 210, .65);--hw-accent: #9a2222;--hw-accent-border: rgba(154, 34, 34, .45);--hw-accent-glow: rgba(154, 34, 34, .16);--hw-accent-card-bg: linear-gradient( 165deg, rgba(255, 255, 255, .98) 0%, rgba(255, 244, 244, .96) 38%, rgba(232, 236, 242, .98) 100% );--shell-glow: rgba(154, 34, 34, .12);--chassis-border-color: #98a3b3;--chassis-bg: linear-gradient( 180deg, #aeb8c5 0%, #d8dee6 1.5%, #b8c0cb 2%, #c5ccd6 2.5%, #d0d6df 100% );--chassis-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -1px 0 rgba(120, 130, 145, .25), 0 14px 36px rgba(60, 70, 90, .22), 0 0 0 1px rgba(255, 255, 255, .55);--chassis-body-bg: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .55), transparent 42%), linear-gradient(180deg, #dde2ea, #c8cfd8);--set-hub-bg: rgba(255, 255, 255, .84);--set-hub-border: rgba(28, 36, 48, .14);--set-hub-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 6px 20px rgba(60, 70, 90, .12);--coverflow-card-bg: rgba(242, 245, 249, .94);--coverflow-card-active-bg: var(--hw-accent-card-bg);--coverflow-card-hover-bg: rgba(255, 255, 255, .98);--coverflow-card-border: rgba(28, 36, 48, .14);--coverflow-card-shine: linear-gradient(180deg, rgba(255, 255, 255, .82), transparent 52%);--coverflow-card-active-shine: linear-gradient( 180deg, rgba(255, 255, 255, .98) 0%, rgba(154, 34, 34, .07) 38%, transparent 72% );--coverflow-card-active-shadow: 0 8px 22px rgba(60, 70, 90, .16), 0 0 0 1px rgba(154, 34, 34, .28), inset 0 1px 0 rgba(255, 255, 255, .92);--coverflow-card-pending-shadow: 0 8px 20px rgba(60, 70, 90, .14), 0 0 0 1px rgba(184, 146, 58, .42), inset 0 1px 0 rgba(255, 255, 255, .88);--coverflow-nav-bg: rgba(255, 255, 255, .88);--coverflow-nav-border: rgba(28, 36, 48, .16);--coverflow-nav-border-hover: rgba(28, 36, 48, .24);--modal-backdrop: rgba(28, 36, 48, .38);--modal-bg: linear-gradient(180deg, #f2f5f9 0%, #dde3eb 100%);--modal-panel: #e8ecf2;--modal-panel-inset: #f6f8fb;--modal-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 24px 60px rgba(60, 70, 90, .22);--modal-border: rgba(28, 36, 48, .12);--modal-border-strong: rgba(28, 36, 48, .18);--modal-close-bg: rgba(255, 255, 255, .72);--menu-panel-bg: linear-gradient(180deg, #eef1f6, #d5dbe4);--menu-panel-border: rgba(28, 36, 48, .14);--settings-border: rgba(28, 36, 48, .12);--settings-border-strong: rgba(28, 36, 48, .18);--settings-nav-text: rgba(28, 36, 48, .78);--settings-nav-text-hover: #1c2430;--settings-nav-hover-bg: rgba(28, 36, 48, .06);--settings-nav-active-bg: rgba(79, 70, 200, .12);--settings-nav-active-border: rgba(79, 70, 200, .34);--settings-nav-active-text: #1c2430;--settings-nav-icon-bg: rgba(28, 36, 48, .08);--settings-nav-icon-active-bg: rgba(79, 70, 200, .16);--settings-accent: #4f46c8;--settings-accent-soft: rgba(79, 70, 200, .1);--settings-accent-border: rgba(79, 70, 200, .32);--settings-accent-focus: rgba(79, 70, 200, .55);--settings-accent-focus-ring: rgba(79, 70, 200, .16);--settings-close-bg: rgba(255, 255, 255, .72);--settings-close-border: rgba(28, 36, 48, .14);--settings-close-text: rgba(28, 36, 48, .72);--settings-header-bg: linear-gradient(180deg, rgba(255, 255, 255, .72), transparent);--settings-input-bg: rgba(255, 255, 255, .92);--settings-input-border: rgba(28, 36, 48, .14);--settings-row-bg: rgba(255, 255, 255, .78);--settings-hint-bg: rgba(255, 255, 255, .62);--settings-hint-border: rgba(28, 36, 48, .1);--settings-card-highlight: rgba(255, 255, 255, .72);--settings-toggle-off-bg: #bcc6d3;--settings-toggle-off-border: rgba(28, 36, 48, .14);--settings-toggle-thumb: #fff;--settings-toggle-on-bg: linear-gradient(180deg, #6359e8, #4f46c8);--settings-toggle-on-border: rgba(79, 70, 200, .48);--settings-confirm-bg: #f2f5f9;--settings-confirm-text: rgba(28, 36, 48, .82);--settings-confirm-title: #1c2430;--settings-status-active-text: #2f6b62;--settings-status-active-bg: rgba(79, 70, 200, .1);--settings-status-active-border: rgba(79, 70, 200, .28);--hw-wheel-shell-bg: linear-gradient(180deg, #eef1f6, #d3dae4);--hw-wheel-shell-border: rgba(28, 36, 48, .12);--hw-wheel-well-bg: linear-gradient(90deg, #b8c1cc, #d2d9e3 22%, #e8edf3 50%, #d2d9e3 78%, #b8c1cc);--hw-wheel-well-border: rgba(28, 36, 48, .1);--hw-wheel-track-bg: linear-gradient(90deg, #9aa6b4 0%, #c2cad4 26%, #e3e8ef 50%, #c2cad4 74%, #9aa6b4 100%);--hw-wheel-thumb-border: rgba(28, 36, 48, .28);--hw-wheel-thumb-groove: repeating-linear-gradient( 180deg, #ffffff 0 2px, #c8d0db 2px 3px, #f4f6fa 3px 5px, #aeb8c6 5px 6px );--hw-wheel-thumb-face: linear-gradient(90deg, #8f9aab 0%, #d5dbe4 20%, #ffffff 50%, #d5dbe4 80%, #8f9aab 100%);--hw-wheel-center-line: rgba(28, 36, 48, .24);--kb-bar-border: rgba(28, 36, 48, .14);--kb-bar-bg: linear-gradient(180deg, rgba(255, 255, 255, .62), transparent 18%), linear-gradient(180deg, #d0d7e0, #bcc6d3);--kb-bar-bg-collapsed: linear-gradient(180deg, rgba(255, 255, 255, .78), transparent 70%), #c8d0db;--kb-bar-highlight: rgba(255, 255, 255, .72);--kb-handle: rgba(28, 36, 48, .28);--kb-handle-hover: rgba(28, 36, 48, .46);--kb-scrollbar-thumb: rgba(28, 36, 48, .22);--kb-split-track-bg: rgba(255, 255, 255, .68);--kb-split-muted-bg: rgba(28, 36, 48, .16);--kb-split-muted-border: rgba(28, 36, 48, .12);--kb-piano-shell: #aeb8c6;--kb-piano-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -1px 0 rgba(28, 36, 48, .1), 0 4px 14px rgba(60, 70, 90, .16);--kb-piano-bezel: linear-gradient(90deg, #8f9aab, #b8c1cc 60%, #c5ccd6);--kb-piano-bezel-border: rgba(28, 36, 48, .18);--kb-piano-board: #c8d0db;--kb-wheel-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 4px 14px rgba(60, 70, 90, .14);--kb-wheel-track-inset: inset 0 2px 8px rgba(28, 36, 48, .18), inset 0 0 0 1px rgba(28, 36, 48, .1);--kb-wheel-track-shade: linear-gradient( 90deg, rgba(28, 36, 48, .12), transparent 28%, transparent 72%, rgba(28, 36, 48, .12) );--kb-key-active-top: #9ec5e8;--kb-key-active-mid: #7aadd6;--kb-key-active-bottom: #5a94c4;--kb-key-active-black-top: #6a88a4;--kb-key-active-black-mid: #527496;--kb-key-active-black-bottom: #3f6078;--kb-key-label: rgba(28, 36, 48, .42);--master-card-border: rgba(28, 36, 48, .14);--master-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .78), transparent 28%), linear-gradient(180deg, #eef1f6, #d5dbe4);--master-card-highlight: rgba(255, 255, 255, .88);--master-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 8px 20px rgba(60, 70, 90, .14);--master-fader-well: linear-gradient(180deg, #eef1f6, #bcc6d3);--master-fader-well-border: rgba(28, 36, 48, .14);--master-fader-well-inset: inset 0 3px 10px rgba(28, 36, 48, .12);--master-meter-segment: rgba(28, 36, 48, .1);--master-meter-segment-inset: inset 0 1px 2px rgba(28, 36, 48, .08);--master-meter-lit: linear-gradient(180deg, #f0d890, #b8923a);--master-meter-lit-glow: rgba(184, 146, 58, .32);--master-scale-color: #8a7348;--master-scale-tick: rgba(138, 115, 72, .68);--layer-strip-border: rgba(28, 36, 48, .14);--layer-strip-highlight: rgba(255, 255, 255, .72);--layer-strip-muted-bg: #c5ccd6;--layer-strip-muted-border: rgba(28, 36, 48, .1);--layer-strip-muted-highlight: rgba(255, 255, 255, .55);--layer-name-focus-bg: rgba(255, 255, 255, .72);--layer-name-focus-border: rgba(28, 36, 48, .16);--layer-input-inset: inset 0 1px 3px rgba(28, 36, 48, .1);--layer-effect-card-border: rgba(28, 36, 48, .12);--layer-effect-card-highlight: rgba(255, 255, 255, .65);--layer-pan-track: linear-gradient(180deg, #dde3eb, #aeb8c6);--layer-pan-track-border: rgba(28, 36, 48, .14);--layer-pan-center: rgba(138, 115, 72, .55);--layer-pan-thumb-border: rgba(28, 36, 48, .22);--layer-pan-thumb-bg: linear-gradient(180deg, #fafbfd, #bcc6d3);--layer-knob-ring-border: rgba(28, 36, 48, .14);--layer-knob-pointer: rgba(28, 36, 48, .78);--layer-knob-pointer-glow: rgba(28, 36, 48, .12);--layer-board-border: rgba(28, 36, 48, .12);--layer-board-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), inset 0 2px 10px rgba(28, 36, 48, .08);--layer-module-bg: linear-gradient(180deg, rgba(255, 255, 255, .78), transparent 42%), var(--hw-surface-control);--layer-module-border: rgba(28, 36, 48, .12);--layer-module-highlight: rgba(255, 255, 255, .88);--layer-module-head: rgba(28, 36, 48, .08);--layer-power-led-off: rgba(28, 36, 48, .28);--layer-power-led-on: var(--accent);--layer-control-label: #3a4656;--layer-control-value: rgba(28, 36, 48, .76);--hw-select-bg: rgba(255, 255, 255, .82);--hw-select-bg-hover: #ffffff;--hw-select-border: rgba(28, 36, 48, .14);--hw-select-border-hover: rgba(28, 36, 48, .22);--hw-select-border-focus: rgba(79, 70, 200, .62);--hw-select-focus-ring: rgba(79, 70, 200, .16);--hw-select-placeholder: #6b7788;--hw-select-chevron: #6b7788;--hw-select-menu-bg: #fafbfd;--hw-select-menu-border: rgba(28, 36, 48, .12);--hw-select-menu-shadow: 0 16px 40px rgba(60, 70, 90, .18);--hw-select-group-label: #6b7788;--hw-select-option-hover: rgba(28, 36, 48, .06);--hw-select-option-active: rgba(79, 70, 200, .12);--hw-select-option-active-text: #1c2430;--hw-select-check: #4f46c8;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;min-height:100dvh;background:var(--bg);color:var(--bg-text);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .25s ease,color .25s ease}@media(pointer:coarse){button,[role=button],input[type=range]{min-height:44px}.strip input[type=range],.strip .ms-btns button,.strip .effects-collapse-btn,.rec-collapse-btn,.split-handle{min-height:0}}.rig-shell.compact .layer-board,.rig-shell.compact .fx-layout{scrollbar-gutter:auto}.rig-shell.compact .layer-board,.rig-shell.compact .fx-layout,.rig-shell.compact .strip{scrollbar-width:none;-ms-overflow-style:none}.rig-shell.compact .layer-board::-webkit-scrollbar,.rig-shell.compact .fx-layout::-webkit-scrollbar,.rig-shell.compact .strip::-webkit-scrollbar{display:none;width:0;height:0}.layer-board,.fx-layout,.strip{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.layer-board::-webkit-scrollbar,.fx-layout::-webkit-scrollbar,.strip::-webkit-scrollbar{height:2px;width:2px}.layer-board::-webkit-scrollbar-track,.fx-layout::-webkit-scrollbar-track,.strip::-webkit-scrollbar-track{background:transparent}.layer-board::-webkit-scrollbar-thumb,.fx-layout::-webkit-scrollbar-thumb,.strip::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff14}.layer-board:hover::-webkit-scrollbar-thumb,.fx-layout:hover::-webkit-scrollbar-thumb,.strip:hover::-webkit-scrollbar-thumb{background:#ffffff24}button,input,a{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}