/* GENERATED by scripts/gen-site-tokens.mjs from frontend/src/theme. Do not edit. */
:root {
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --fs-transport: 19px;
  --fs-panel-title: 14px;
  --fs-prose: 13px;
  --fs-agent-input: 12.5px;
  --fs-body: 12px;
  --fs-list: 11.5px;
  --fs-secondary: 11px;
  --fs-value: 10.5px;
  --fs-small: 10px;
  --fs-caps: 9.5px;
  --fs-kind: 9px;
  --fs-micro: 8.5px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --tracking-caps-wide: 0.1em;
  --tracking-kind: 0.05em;
  --lh-digits: 1.05;
  --lh-ui: 1.3;
  --lh-prose: 1.45;
  --lh-block: 1.5;
  --space-unit: 4px;
  --space-xs: 4px;
  --space-sm: 6px;
  --space-md: 8px;
  --space-lg: 10px;
  --space-xl: 12px;
  --space-xxl: 14px;
  --space-xxxl: 16px;
  --radius-xs: 2px;
  --size-window-width: 1600px;
  --size-window-height: 1000px;
  --size-min-window-width: 1280px;
  --size-min-window-height: 800px;
  --size-title-bar: 28px;
  --size-transport: 52px;
  --size-arrange-toolbar: 32px;
  --size-ruler: 28px;
  --size-track-row: 70px;
  --size-editor: 300px;
  --size-editor-header: 32px;
  --size-editor-ruler: 18px;
  --size-key-column: 56px;
  --size-key-row: 10px;
  --size-key-rows: 25px;
  --size-controller-lane: 96px;
  --size-controller-point: 3px;
  --size-controller-grip: 6px;
  --size-controller-inset: 6px;
  --size-agent-header: 44px;
  --size-browser: 220px;
  --size-track-header: 184px;
  --size-inspector: 240px;
  --size-agent-panel: 380px;
  --size-agent-rail: 32px;
  --size-button-w: 34px;
  --size-button-h: 26px;
  --size-play-button-w: 44px;
  --size-small-button-w: 20px;
  --size-small-button-h: 17px;
  --size-time-display-h: 34px;
  --size-knob-sm: 20px;
  --size-knob-md: 26px;
  --size-knob-lg: 36px;
  --size-knob-xl: 46px;
  --size-slider-thumb: 13px;
  --size-slider-rail-h: 4px;
  --size-slider-travel: 60px;
  --size-fader-h: 150px;
  --size-fader-rail-w: 8px;
  --size-fader-cap-w: 28px;
  --size-fader-cap-h: 18px;
  --size-led-seg-w: 5px;
  --size-led-seg-h: 6px;
  --size-led-cpu-h: 14px;
  --size-zoom-rail-w: 90px;
  --size-zoom-thumb: 12px;
  --size-traffic-light: 11px;
  --size-traffic-light-inset: 78px;
  --size-color-strip: 5px;
  --size-clip-inset: 5px;
  --size-clip-title: 14px;
  --size-clip-note-h: 3px;
  --size-clip-edge-grip: 7px;
  --size-cycle-grip: 6px;
  --size-fade-handle: 7px;
  --size-fade-grip: 6px;
  --size-marker-top: 15px;
  --size-marker-h: 12px;
  --size-note-edge-grip: 5px;
  --size-menu-min-w: 200px;
  --size-menu-item-h: 24px;
  --size-menu-pad: 4px;
  --size-inline-input-h: 18px;
  --timeline-px-per-bar: 48px;
  --timeline-editor-px-per-bar: 88px;
  --timeline-editor-min-px-per-bar: 28px;
  --timeline-staff-line-gap: 8px;
  --timeline-note-head-r: 3.5px;
  --timeline-min-px-per-bar: 12px;
  --timeline-max-px-per-bar: 480px;
  --timeline-ruler-tick-h: 6px;
  --timeline-playhead-flag-w: 14px;
  --timeline-playhead-flag-h: 8px;
  --color-desk: #141413;
  --color-well-deep: #161615;
  --color-groove: #1a1a19;
  --color-groove-alt: #1c1c1b;
  --color-timeline-empty: #1f1f1e;
  --color-timeline: #222221;
  --color-timeline-agent: #222524;
  --color-timeline-selected: #262626;
  --color-editor: #262625;
  --color-ruler: #272726;
  --color-material-card: #282827;
  --color-agent-panel: #29292a;
  --color-panel: #2c2c2b;
  --color-log-entry: #2f2f2e;
  --color-raised: #353534;
  --color-control-face: #42423f;
  --color-control-top: #42423f;
  --color-control-bottom: #313130;
  --color-pressed-top: #262625;
  --color-pressed-bottom: #2c2c2b;
  --color-transport-top: #333332;
  --color-transport-bottom: #2c2c2b;
  --color-segment-top: #45453f;
  --color-segment-bottom: #363634;
  --color-thumb-top: #5a5a57;
  --color-thumb-bottom: #3a3a38;
  --color-knob-hi: #4c4c49;
  --color-knob-lo: #2a2a29;
  --color-knob-big-hi: #555552;
  --color-knob-big-lo: #2c2c2b;
  --color-knob-inner-hi: #3a3a38;
  --color-knob-inner-lo: #252524;
  --color-cap-top: #605f5c;
  --color-cap-mid: #3c3c3a;
  --color-cap-bottom: #33332f;
  --color-header-top: #2e2e2d;
  --color-header-bottom: #2a2a29;
  --color-header-selected-top: #3a3a39;
  --color-header-selected-bottom: #333332;
  --color-header-agent-top: #2f3232;
  --color-header-agent-bottom: #2b2e2e;
  --color-insert-top: #3a3a39;
  --color-insert-bottom: #313130;
  --color-chip-top: #3a3a39;
  --color-chip-bottom: #2c2c2b;
  --color-traffic-light: #4a4a47;
  --color-ink-bright: #f2f1ee;
  --color-ink100: #e8e7e4;
  --color-ink-control: #d6d5d1;
  --color-ink-dim: #c8c7c3;
  --color-ink300: #a9a8a4;
  --color-ink500: #8b8a86;
  --color-ink-separator: #5a5957;
  --color-ink-key-white: #4a4a47;
  --color-well-ink: #f2f1ee;
  --color-well-ink-dim: #a9a8a4;
  --color-well-ink-faint: #8b8a86;
  --color-key-white: #d9d7d1;
  --color-key-black: #232322;
  --color-led: #f0e8d8;
  --color-led-off: #252523;
  --color-led-glow: rgba(255,236,205,.75);
  --color-led-glow-soft: rgba(255,236,205,.3);
  --color-led-hot: rgba(71,214,207,1);
  --color-accent: rgba(71,214,207,1);
  --color-accent-hi: rgba(118,239,231,1);
  --color-accent-lo: rgba(0,169,162,1);
  --color-accent-ink: #0f2a29;
  --color-note-top: rgba(202,172,255,1);
  --color-note-bottom: rgba(159,126,214,1);
  --color-eq-curve: rgba(195,165,249,1);
  --color-eq-handle: rgba(216,191,255,1);
  --color-eq-fill: rgba(177,145,234,1);
  --color-fam-synth: rgba(175,172,255,1);
  --color-fam-keys: rgba(219,177,85,1);
  --color-fam-bass: rgba(250,150,159,1);
  --color-fam-drums: rgba(245,160,111,1);
  --color-fam-pad: rgba(97,195,249,1);
  --color-fam-sampler: rgba(107,207,157,1);
  --color-fam-texture: rgba(231,154,214,1);
  --color-fam-dynamics: rgba(239,164,100,1);
  --color-fam-eq: rgba(201,163,245,1);
  --color-fam-drive: rgba(251,153,140,1);
  --color-fam-mod: rgba(59,207,207,1);
  --color-fam-space: rgba(130,186,255,1);
  --color-fam-pitch: rgba(241,151,194,1);
  --color-fam-utility: rgba(158,199,115,1);
  --color-neutral-dot: #5a5a57;
  --color-menu: #333332;
  --color-menu-hover: #3f3f3d;
  --color-menu-separator: #262625;
  --color-indicator: #e8e7e4;
  --color-danger: rgba(247,93,89,1);
  --color-scrim: rgba(0,0,0,0.4);
  --font-ui: 'Manrope', system-ui, -apple-system, sans-serif;
  --tracking-caps: 0.09em;
  --radius-sm: 3px;
  --radius-clip: 4px;
  --radius-button: 4px;
  --radius-md: 5px;
  --radius-control: 6px;
  --radius-lg: 7px;
  --radius-glass: 8px;
  --radius-window: 10px;
  --gradient-raised: linear-gradient(180deg, #42423f, #313130);
  --gradient-raised-hover: linear-gradient(180deg, #45453f, #363634);
  --gradient-pressed: linear-gradient(180deg, #262625, #2c2c2b);
  --gradient-lit: radial-gradient(circle at 50% 30%, rgba(118,239,231,1), rgba(0,169,162,1));
  --gradient-transport: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-title-bar: linear-gradient(180deg, #2c2c2b, #2c2c2b);
  --gradient-segment: linear-gradient(180deg, #45453f, #363634);
  --gradient-thumb: linear-gradient(180deg, #5a5a57, #3a3a38);
  --gradient-knob: radial-gradient(circle at 50% 28%, #4c4c49, #2a2a29 72%);
  --gradient-knob-big: radial-gradient(circle at 50% 25%, #555552, #2c2c2b 70%);
  --gradient-knob-inner: radial-gradient(circle at 50% 35%, #3a3a38, #252524);
  --gradient-fader-cap: linear-gradient(180deg, #605f5c, #3c3c3a 55%, #33332f);
  --gradient-header: linear-gradient(180deg, #2e2e2d, #2a2a29);
  --gradient-header-selected: linear-gradient(180deg, #3a3a39, #333332);
  --gradient-header-agent: linear-gradient(180deg, #2f3232, #2b2e2e);
  --gradient-panel-header: linear-gradient(180deg, #2c2c2b, #2c2c2b);
  --gradient-insert: linear-gradient(180deg, #3a3a39, #313130);
  --gradient-chip: linear-gradient(180deg, #3a3a39, #2c2c2b);
  --gradient-send-key: radial-gradient(circle at 50% 30%, rgba(118,239,231,1), rgba(0,169,162,1));
  --gradient-note: linear-gradient(180deg, rgba(202,172,255,1), rgba(159,126,214,1));
  --gradient-eq-grid: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 42px), linear-gradient(180deg, transparent 36px, rgba(255,255,255,0.08) 36px, rgba(255,255,255,0.08) 37px, transparent 37px);
  --gradient-dialog: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-dialog-header: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-plate: linear-gradient(180deg, #353534, #2c2c2b);
  --shadow-raised: inset 0 1px 0 rgba(255,255,255,0.09), inset 0 -1px 0 rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.55), 0 3px 5px rgba(0,0,0,0.25);
  --shadow-raised-sm: inset 0 1px 0 rgba(255,255,255,0.09), 0 1px 2px rgba(0,0,0,0.55);
  --shadow-pressed: inset 0 2px 4px rgba(0,0,0,0.65), inset 0 1px 1px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-lit: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.6), 0 0 12px rgba(71,214,207,0.55), 0 0 22px rgba(71,214,207,0.25);
  --shadow-knob: inset 0 1px 0 rgba(255,255,255,0.16), inset 0 -1px 1px rgba(0,0,0,0.6), 0 2px 3px rgba(0,0,0,0.6), 0 4px 7px rgba(0,0,0,0.3);
  --shadow-knob-big: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -2px 2px rgba(0,0,0,0.6), 0 3px 4px rgba(0,0,0,0.65), 0 8px 12px rgba(0,0,0,0.35);
  --shadow-knob-inner: inset 0 1px 1px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.08);
  --shadow-knob-indicator: inset 0 0 1px rgba(0,0,0,0.9), 0 0 0 1px rgba(0,0,0,0.35);
  --shadow-fader-cap: inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -1px 0 rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.7), 0 5px 8px rgba(0,0,0,0.35);
  --shadow-thumb: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.6), 0 3px 4px rgba(0,0,0,0.3);
  --shadow-groove: inset 0 1px 3px rgba(0,0,0,0.9), inset 0 0 0 1px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-soft: inset 0 1px 2px rgba(0,0,0,0.85), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-shallow: inset 0 1px 3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-send: inset 0 1px 2px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.04);
  --shadow-well-deep: inset 0 2px 5px rgba(0,0,0,0.85), inset 0 0 0 1px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.06);
  --shadow-well-input: inset 0 2px 4px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-well-value: inset 0 1px 3px rgba(0,0,0,0.85);
  --shadow-segment: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-clip: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(0,0,0,0.4), 0 2px 3px rgba(0,0,0,0.55), 0 5px 10px rgba(0,0,0,0.3);
  --shadow-clip-agent: 0 0 0 1px rgba(71,214,207,1), 0 0 14px rgba(71,214,207,0.45);
  --shadow-clip-selected: 0 0 0 1.5px #e8e7e4;
  --shadow-led-lit: 0 0 4px rgba(255,236,205,.75), 0 0 9px rgba(255,236,205,.3);
  --shadow-led-accent: 0 0 5px rgba(71,214,207,0.9), 0 0 10px rgba(71,214,207,0.4);
  --shadow-led-off: inset 0 1px 0 rgba(0,0,0,0.6);
  --shadow-led-empty: inset 0 0 0 1px rgba(255,255,255,0.12);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.15), 0 0 0 1px rgba(0,0,0,0.4), 0 3px 8px rgba(0,0,0,0.4);
  --shadow-glass-agent: inset 0 1px 0 rgba(255,255,255,0.18), 0 0 0 1px rgba(71,214,207,0.45), 0 4px 12px rgba(0,0,0,0.5), 0 0 18px rgba(71,214,207,0.18);
  --shadow-glass-card: inset 0 1px 0 rgba(255,255,255,0.14), 0 0 0 1px rgba(71,214,207,0.35), 0 6px 18px rgba(0,0,0,0.45), 0 0 24px rgba(71,214,207,0.12);
  --shadow-accent-dot: 0 0 6px rgba(71,214,207,0.9), 0 0 12px rgba(71,214,207,0.4);
  --shadow-accent-dot-lg: 0 0 6px rgba(71,214,207,0.9), 0 0 14px rgba(71,214,207,0.45);
  --shadow-accent-bar: 0 0 6px rgba(71,214,207,0.7);
  --shadow-playhead: 0 0 5px rgba(71,214,207,0.7), 0 0 14px rgba(71,214,207,0.25);
  --shadow-playhead-ruler: 0 0 6px rgba(71,214,207,0.8);
  --shadow-header-cell: inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-header-cell-agent: inset 0 0 0 1px rgba(71,214,207,0.55), inset 0 0 18px rgba(71,214,207,0.12), inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-header-column: inset -1px 0 0 rgba(0,0,0,0.6);
  --shadow-color-strip: inset -1px 0 0 rgba(0,0,0,0.4), inset 1px 0 0 rgba(255,255,255,0.15);
  --shadow-swatch: inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-swatch-sm: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-traffic-light: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-title-bar: inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05);
  --shadow-transport: inset 0 1px 0 rgba(255,255,255,0.06), 0 2px 6px rgba(0,0,0,0.45);
  --shadow-toolbar: inset 0 -1px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.03);
  --shadow-toolbar-editor: inset 0 -1px 0 rgba(0,0,0,0.6);
  --shadow-ruler-corner: inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.6);
  --shadow-panel-left: inset -1px 0 0 rgba(0,0,0,0.6), inset -2px 0 4px rgba(0,0,0,0.25);
  --shadow-panel-right: inset 1px 0 0 rgba(0,0,0,0.6), inset 2px 0 4px rgba(0,0,0,0.25);
  --shadow-panel-agent: inset 1px 0 0 rgba(0,0,0,0.65), inset 3px 0 6px rgba(0,0,0,0.3);
  --shadow-panel-agent-rail: inset 1px 0 0 rgba(0,0,0,0.65);
  --shadow-editor-pane: 0 -3px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
  --shadow-key-column: inset -1px 0 0 rgba(0,0,0,0.7);
  --shadow-key-row: inset 0 -1px 0 rgba(0,0,0,0.35);
  --shadow-divider: inset 0 -1px 0 rgba(0,0,0,0.5);
  --shadow-divider-top: inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-log-entry: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 2px rgba(0,0,0,0.35);
  --shadow-log-chip: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-insert: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-insert-empty: inset 0 1px 2px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.04);
  --shadow-led-insert-off: inset 0 1px 1px rgba(0,0,0,0.8);
  --shadow-window: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06);
  --shadow-send-key: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.6), 0 0 12px rgba(71,214,207,0.4);
  --shadow-menu: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 1px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.4);
  --shadow-dialog: inset 0 1px 0 rgba(255,255,255,0.12), 0 0 0 1px rgba(0,0,0,0.7), 0 18px 55px rgba(0,0,0,0.6), 0 4px 12px rgba(0,0,0,0.35);
  --shadow-inline-input: inset 0 1px 2px rgba(0,0,0,0.7), 0 0 0 1px rgba(71,214,207,0.6);
  --shadow-note: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.3);
  --shadow-fader-line-hi: 0 1px 0 rgba(255,255,255,0.14);
  --shadow-milled-hi: 1px 0 0 rgba(255,255,255,0.12);
  --shadow-plate: inset 0 1px 0 rgba(255,255,255,0.1), inset 0 -1px 0 rgba(0,0,0,0.5), 0 0 0 1px rgba(0,0,0,0.55), 0 2px 5px rgba(0,0,0,0.4);
  --shadow-focus: 0 0 0 2px rgba(71,214,207,1);
  --fill-glass: rgba(60,60,58,.55);
  --fill-glass-agent: rgba(58,64,64,.55);
  --fill-glass-card: rgba(66,70,70,.4);
  --fill-log-live: rgba(66,70,70,.35);
  --fill-log-chip-live: rgba(0,0,0,0.25);
  --fill-browser-highlight: rgba(255,255,255,0.07);
  --fill-cycle-ruler: rgba(255,255,255,0.09);
  --fill-cycle-lane: rgba(255,255,255,0.025);
  --fill-clip-title: rgba(0,0,0,0.22);
  --fill-row-shade: rgba(255,255,255,0.035);
  --fill-black-key-row: rgba(0,0,0,0.14);
  --fill-eq-grid-line: rgba(255,255,255,0.05);
  --fill-eq-zero-line: rgba(255,255,255,0.08);
  --fill-velocity: rgba(255,255,255,0.18);
  --fill-drag-ghost: rgba(255,255,255,0.12);
  --fill-pencil-preview: rgba(71,214,207,0.25);
  --fill-cycle-handle: rgba(255,255,255,0.35);
  --fill-drop-target: rgba(71,214,207,0.12);
  --fill-step-cell: rgba(255,255,255,0.06);
  --fill-hover: rgba(255,255,255,0.05);
  --fill-fade-shade: rgba(0,0,0,0.38);
  --fill-fade-handle: rgba(255,255,255,0.9);
  --fill-marker-flag: rgba(22,22,21,.78);
  --line-bar-line: rgba(255,255,255,0.075);
  --line-beat-line: rgba(255,255,255,0.025);
  --line-ruler-bar: rgba(255,255,255,0.16);
  --line-ruler-tick: rgba(255,255,255,0.07);
  --line-cycle-edge: rgba(255,255,255,0.2);
  --line-editor-bar: rgba(255,255,255,0.09);
  --line-editor-beat: rgba(255,255,255,0.03);
  --line-waveform: rgba(255,255,255,0.72);
  --line-waveform-mid: rgba(255,255,255,0.35);
  --line-midi-note: rgba(255,255,255,0.78);
  --line-clip-name: rgba(255,255,255,0.93);
  --line-clip-title-bottom: rgba(0,0,0,0.2);
  --line-clip-highlight: rgba(255,255,255,0.22);
  --line-clip-contact: rgba(20,20,19,.4);
  --line-clip-selected: rgba(255,255,255,0.85);
  --line-cell-divider: rgba(255,255,255,0.06);
  --line-divider-dark: rgba(0,0,0,0.5);
  --line-lane-top: rgba(255,255,255,0.02);
  --line-lane-bottom: rgba(0,0,0,0.45);
  --line-ruler-bottom: rgba(0,0,0,0.6);
  --line-fader-line: rgba(0,0,0,0.7);
  --line-fader-line-hi: rgba(255,255,255,0.14);
  --line-milled: rgba(0,0,0,0.6);
  --line-milled-hi: rgba(255,255,255,0.12);
  --line-drag-ghost-edge: rgba(255,255,255,0.5);
  --line-note-selected: rgba(255,255,255,0.9);
  --line-note-highlight: rgba(255,255,255,0.35);
  --line-split-guide: rgba(71,214,207,0.9);
  --line-staff: rgba(255,255,255,0.35);
  --line-note-head: rgba(255,255,255,0.9);
  --line-border: rgba(0,0,0,0.55);
  --line-border-strong: rgba(0,0,0,0.7);
  --line-hairline: rgba(255,255,255,0.05);
  --line-fade-curve: rgba(255,255,255,0.85);
  --line-marker: rgba(233,180,82,1);
  --line-marker-lane: rgba(233,180,82,0.3);
  --blur-glass: 8px;
  --blur-glass-agent: 10px;
  --blur-glass-card: 12px;
  --motion-fast: 80ms;
  --motion-base: 160ms;
  --motion-slow: 260ms;
  --motion-ease: cubic-bezier(0.3, 0, 0.2, 1);
  --motion-enter: cubic-bezier(0.16, 0.84, 0.3, 1);
  --motion-exit: cubic-bezier(0.5, 0, 0.9, 0.4);
  --motion-settle: cubic-bezier(0.3, 1.35, 0.5, 1);
  --display-glow: 0.2;
  --ring-glow: rgba(71,214,207,0.55);
  --site-accent-glow: rgba(71,214,207,0.07);
  --site-accent-glow-strong: rgba(71,214,207,0.16);
  color-scheme: dark;
  --skeuo-grain: repeating-linear-gradient(90deg, rgba(255,255,255,0.012) 0 1px, transparent 1px 3px);
  --aero-frame: initial;
  --aero-frame-shadow: initial;
  --aero-title: initial;
  --aero-bar: initial;
  --aero-bar-edge: initial;
  --aero-bar-shadow: initial;
  --aero-bar-ink: initial;
  --aero-bar-ink-dim: initial;
  --aero-bar-text-shadow: initial;
  --aero-lcd: initial;
  --aero-lcd-glow: initial;
  --aero-tabs: initial;
  --aero-lime: initial;
  --aero-lime-hover: initial;
  --aero-lime-pressed: initial;
  --aero-lime-ink: initial;
  --aero-lime-text-shadow: initial;
  --aero-lime-shadow: initial;
  --aero-gloss: initial;
  --aero-composer: initial;
  --aero-conversation: initial;
  --aero-input: initial;
}

[data-theme="modern"][data-mode="dark"] {
  --color-desk: rgba(10,11,14,1);
  --color-well-deep: rgba(14,15,18,1);
  --color-groove: rgba(44,46,49,1);
  --color-groove-alt: rgba(14,15,18,1);
  --color-timeline-empty: rgba(13,14,17,1);
  --color-timeline: rgba(17,19,21,1);
  --color-timeline-agent: rgba(18,23,33,1);
  --color-timeline-selected: rgba(24,25,28,1);
  --color-editor: rgba(17,19,21,1);
  --color-ruler: rgba(22,23,26,1);
  --color-material-card: rgba(29,30,33,1);
  --color-agent-panel: rgba(19,21,24,1);
  --color-panel: rgba(22,23,26,1);
  --color-log-entry: rgba(29,30,33,1);
  --color-raised: rgba(33,35,38,1);
  --color-control-face: rgba(54,56,59,1);
  --color-control-top: rgba(36,37,40,1);
  --color-control-bottom: rgba(36,37,40,1);
  --color-pressed-top: rgba(12,13,16,1);
  --color-pressed-bottom: rgba(12,13,16,1);
  --color-transport-top: rgba(22,23,26,1);
  --color-transport-bottom: rgba(22,23,26,1);
  --color-segment-top: rgba(52,53,57,1);
  --color-segment-bottom: rgba(52,53,57,1);
  --color-thumb-top: rgba(220,222,226,1);
  --color-thumb-bottom: rgba(220,222,226,1);
  --color-knob-hi: rgba(44,46,49,1);
  --color-knob-lo: rgba(44,46,49,1);
  --color-knob-big-hi: rgba(44,46,49,1);
  --color-knob-big-lo: rgba(44,46,49,1);
  --color-knob-inner-hi: rgba(44,46,49,1);
  --color-knob-inner-lo: rgba(44,46,49,1);
  --color-cap-top: rgba(213,215,219,1);
  --color-cap-mid: rgba(213,215,219,1);
  --color-cap-bottom: rgba(213,215,219,1);
  --color-header-top: rgba(22,23,26,1);
  --color-header-bottom: rgba(22,23,26,1);
  --color-header-selected-top: rgba(32,34,37,1);
  --color-header-selected-bottom: rgba(32,34,37,1);
  --color-header-agent-top: rgba(23,30,43,1);
  --color-header-agent-bottom: rgba(23,30,43,1);
  --color-insert-top: rgba(32,34,37,1);
  --color-insert-bottom: rgba(32,34,37,1);
  --color-chip-top: rgba(38,40,43,1);
  --color-chip-bottom: rgba(38,40,43,1);
  --color-traffic-light: rgba(59,61,64,1);
  --color-ink-bright: rgba(246,247,249,1);
  --color-ink100: rgba(230,232,235,1);
  --color-ink-control: rgba(210,212,216,1);
  --color-ink-dim: rgba(188,190,194,1);
  --color-ink300: rgba(162,165,170,1);
  --color-ink500: rgba(125,128,134,1);
  --color-ink-separator: rgba(69,72,77,1);
  --color-ink-key-white: rgba(83,85,89,1);
  --color-well-ink: rgba(246,247,249,1);
  --color-well-ink-dim: rgba(162,165,170,1);
  --color-well-ink-faint: rgba(125,128,134,1);
  --color-key-white: rgba(220,222,226,1);
  --color-key-black: rgba(25,27,29,1);
  --color-led: rgba(108,215,157,1);
  --color-led-off: rgba(34,36,39,1);
  --color-led-glow: transparent;
  --color-led-glow-soft: transparent;
  --color-led-hot: rgba(252,158,71,1);
  --color-accent: rgba(127,170,250,1);
  --color-accent-hi: rgba(127,170,250,1);
  --color-accent-lo: rgba(127,170,250,1);
  --color-accent-ink: rgba(8,15,28,1);
  --color-note-top: rgba(135,177,253,1);
  --color-note-bottom: rgba(135,177,253,1);
  --color-eq-curve: rgba(127,170,250,1);
  --color-eq-handle: rgba(243,245,249,1);
  --color-eq-fill: rgba(127,170,250,1);
  --color-fam-synth: rgba(175,172,255,1);
  --color-fam-keys: rgba(219,177,85,1);
  --color-fam-bass: rgba(250,150,159,1);
  --color-fam-drums: rgba(245,160,111,1);
  --color-fam-pad: rgba(97,195,249,1);
  --color-fam-sampler: rgba(107,207,157,1);
  --color-fam-texture: rgba(231,154,214,1);
  --color-fam-dynamics: rgba(239,164,100,1);
  --color-fam-eq: rgba(201,163,245,1);
  --color-fam-drive: rgba(251,153,140,1);
  --color-fam-mod: rgba(59,207,207,1);
  --color-fam-space: rgba(130,186,255,1);
  --color-fam-pitch: rgba(241,151,194,1);
  --color-fam-utility: rgba(158,199,115,1);
  --color-neutral-dot: rgba(83,85,89,1);
  --color-menu: rgba(29,30,33,1);
  --color-menu-hover: rgba(47,48,51,1);
  --color-menu-separator: rgba(47,48,51,1);
  --color-indicator: rgba(236,238,243,1);
  --color-danger: rgba(246,109,103,1);
  --color-scrim: rgba(0,0,0,0.5);
  --font-ui: 'Manrope', system-ui, -apple-system, sans-serif;
  --tracking-caps: 0.06em;
  --radius-sm: 4px;
  --radius-clip: 5px;
  --radius-button: 5px;
  --radius-md: 6px;
  --radius-control: 7px;
  --radius-lg: 8px;
  --radius-glass: 10px;
  --radius-window: 10px;
  --gradient-raised: linear-gradient(rgba(36,37,40,1), rgba(36,37,40,1));
  --gradient-raised-hover: linear-gradient(rgba(47,48,51,1), rgba(47,48,51,1));
  --gradient-pressed: linear-gradient(rgba(12,13,16,1), rgba(12,13,16,1));
  --gradient-lit: linear-gradient(rgba(127,170,250,1), rgba(127,170,250,1));
  --gradient-transport: linear-gradient(rgba(22,23,26,1), rgba(22,23,26,1));
  --gradient-title-bar: linear-gradient(rgba(22,23,26,1), rgba(22,23,26,1));
  --gradient-segment: linear-gradient(rgba(52,53,57,1), rgba(52,53,57,1));
  --gradient-thumb: linear-gradient(rgba(220,222,226,1), rgba(220,222,226,1));
  --gradient-knob: linear-gradient(rgba(44,46,49,1), rgba(44,46,49,1));
  --gradient-knob-big: linear-gradient(rgba(44,46,49,1), rgba(44,46,49,1));
  --gradient-knob-inner: none;
  --gradient-fader-cap: linear-gradient(rgba(213,215,219,1), rgba(213,215,219,1));
  --gradient-header: linear-gradient(rgba(22,23,26,1), rgba(22,23,26,1));
  --gradient-header-selected: linear-gradient(rgba(32,34,37,1), rgba(32,34,37,1));
  --gradient-header-agent: linear-gradient(rgba(23,30,43,1), rgba(23,30,43,1));
  --gradient-panel-header: linear-gradient(rgba(22,23,26,1), rgba(22,23,26,1));
  --gradient-insert: linear-gradient(rgba(32,34,37,1), rgba(32,34,37,1));
  --gradient-chip: linear-gradient(rgba(38,40,43,1), rgba(38,40,43,1));
  --gradient-send-key: linear-gradient(rgba(127,170,250,1), rgba(127,170,250,1));
  --gradient-note: linear-gradient(rgba(135,177,253,1), rgba(135,177,253,1));
  --gradient-eq-grid: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 42px), linear-gradient(180deg, transparent 36px, rgba(255,255,255,0.11) 36px, rgba(255,255,255,0.11) 37px, transparent 37px);
  --gradient-dialog: linear-gradient(rgba(24,25,28,1), rgba(24,25,28,1));
  --gradient-dialog-header: linear-gradient(rgba(24,25,28,1), rgba(24,25,28,1));
  --gradient-plate: linear-gradient(rgba(29,30,33,1), rgba(29,30,33,1));
  --shadow-raised: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-raised-sm: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-pressed: inset 0 0 0 1px rgba(255,255,255,0.15);
  --shadow-lit: none;
  --shadow-knob: inset 0 0 0 1px rgba(255,255,255,0.15);
  --shadow-knob-big: inset 0 0 0 1px rgba(255,255,255,0.15);
  --shadow-knob-inner: none;
  --shadow-knob-indicator: none;
  --shadow-fader-cap: 0 0 0 1px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.45);
  --shadow-thumb: 0 0 0 1px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.4);
  --shadow-groove: none;
  --shadow-groove-soft: none;
  --shadow-groove-shallow: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-groove-send: none;
  --shadow-well-deep: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-well-input: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-well-value: none;
  --shadow-segment: inset 0 0 0 1px rgba(255,255,255,0.15);
  --shadow-clip: none;
  --shadow-clip-agent: 0 0 0 1.5px rgba(127,170,250,1);
  --shadow-clip-selected: 0 0 0 1.5px rgba(230,232,235,1);
  --shadow-led-lit: none;
  --shadow-led-accent: none;
  --shadow-led-off: none;
  --shadow-led-empty: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-glass: 0 0 0 1px rgba(255,255,255,0.085), 0 8px 24px rgba(0,0,0,0.4);
  --shadow-glass-agent: 0 0 0 1px rgba(127,170,250,0.5), 0 8px 24px rgba(0,0,0,0.4);
  --shadow-glass-card: 0 0 0 1px rgba(127,170,250,0.4), 0 10px 30px rgba(0,0,0,0.4);
  --shadow-accent-dot: none;
  --shadow-accent-dot-lg: none;
  --shadow-accent-bar: none;
  --shadow-playhead: none;
  --shadow-playhead-ruler: none;
  --shadow-header-cell: inset -1px 0 0 rgba(255,255,255,0.085), inset 0 -1px 0 rgba(255,255,255,0.05);
  --shadow-header-cell-agent: inset 2px 0 0 rgba(127,170,250,1), inset -1px 0 0 rgba(255,255,255,0.085), inset 0 -1px 0 rgba(255,255,255,0.05);
  --shadow-header-column: inset -1px 0 0 rgba(255,255,255,0.085);
  --shadow-color-strip: none;
  --shadow-swatch: none;
  --shadow-swatch-sm: none;
  --shadow-traffic-light: none;
  --shadow-title-bar: inset 0 -1px 0 rgba(255,255,255,0.085);
  --shadow-transport: inset 0 -1px 0 rgba(255,255,255,0.085);
  --shadow-toolbar: inset 0 -1px 0 rgba(255,255,255,0.085);
  --shadow-toolbar-editor: inset 0 -1px 0 rgba(255,255,255,0.085);
  --shadow-ruler-corner: inset -1px 0 0 rgba(255,255,255,0.085), inset 0 -1px 0 rgba(255,255,255,0.085);
  --shadow-panel-left: inset -1px 0 0 rgba(255,255,255,0.085);
  --shadow-panel-right: inset 1px 0 0 rgba(255,255,255,0.085);
  --shadow-panel-agent: inset 1px 0 0 rgba(255,255,255,0.085);
  --shadow-panel-agent-rail: inset 1px 0 0 rgba(255,255,255,0.085);
  --shadow-editor-pane: inset 0 1px 0 rgba(255,255,255,0.085);
  --shadow-key-column: inset -1px 0 0 rgba(255,255,255,0.085);
  --shadow-key-row: inset 0 -1px 0 rgba(255,255,255,0.05);
  --shadow-divider: inset 0 -1px 0 rgba(255,255,255,0.085);
  --shadow-divider-top: none;
  --shadow-log-entry: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-log-chip: none;
  --shadow-insert: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-insert-empty: inset 0 0 0 1px rgba(255,255,255,0.05);
  --shadow-led-insert-off: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-window: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-send-key: none;
  --shadow-menu: 0 0 0 1px rgba(255,255,255,0.15), 0 14px 40px rgba(0,0,0,0.55), 0 3px 8px rgba(0,0,0,0.3);
  --shadow-dialog: 0 0 0 1px rgba(255,255,255,0.15), 0 24px 70px rgba(0,0,0,0.6), 0 4px 14px rgba(0,0,0,0.3);
  --shadow-inline-input: 0 0 0 1.5px rgba(127,170,250,1);
  --shadow-note: none;
  --shadow-fader-line-hi: none;
  --shadow-milled-hi: none;
  --shadow-plate: inset 0 0 0 1px rgba(255,255,255,0.085);
  --shadow-focus: 0 0 0 2px rgba(127,170,250,0.55);
  --fill-glass: rgba(38,40,48,.82);
  --fill-glass-agent: rgba(38,40,52,.86);
  --fill-glass-card: rgba(42,44,56,.9);
  --fill-log-live: rgba(127,170,250,0.1);
  --fill-log-chip-live: rgba(127,170,250,0.16);
  --fill-browser-highlight: rgba(255,255,255,0.07);
  --fill-cycle-ruler: rgba(127,170,250,0.2);
  --fill-cycle-lane: rgba(127,170,250,0.045);
  --fill-clip-title: rgba(0,0,0,0.16);
  --fill-row-shade: rgba(255,255,255,0.025);
  --fill-black-key-row: rgba(0,0,0,0.16);
  --fill-eq-grid-line: rgba(255,255,255,0.05);
  --fill-eq-zero-line: rgba(255,255,255,0.11);
  --fill-velocity: rgba(255,255,255,0.22);
  --fill-drag-ghost: rgba(255,255,255,0.1);
  --fill-pencil-preview: rgba(127,170,250,0.22);
  --fill-cycle-handle: rgba(127,170,250,0.9);
  --fill-drop-target: rgba(127,170,250,0.1);
  --fill-step-cell: rgba(255,255,255,0.055);
  --fill-hover: rgba(255,255,255,0.06);
  --fill-fade-shade: rgba(0,0,0,0.35);
  --fill-fade-handle: rgba(255,255,255,0.92);
  --fill-marker-flag: rgba(24,26,32,.86);
  --line-bar-line: rgba(255,255,255,0.075);
  --line-beat-line: rgba(255,255,255,0.028);
  --line-ruler-bar: rgba(255,255,255,0.18);
  --line-ruler-tick: rgba(255,255,255,0.08);
  --line-cycle-edge: rgba(127,170,250,0.8);
  --line-editor-bar: rgba(255,255,255,0.085);
  --line-editor-beat: rgba(255,255,255,0.03);
  --line-waveform: rgba(255,255,255,0.78);
  --line-waveform-mid: rgba(255,255,255,0.3);
  --line-midi-note: rgba(255,255,255,0.8);
  --line-clip-name: rgba(255,255,255,0.92);
  --line-clip-title-bottom: transparent;
  --line-clip-highlight: transparent;
  --line-clip-contact: transparent;
  --line-clip-selected: rgba(230,232,235,1);
  --line-cell-divider: rgba(255,255,255,0.05);
  --line-divider-dark: rgba(255,255,255,0.085);
  --line-lane-top: transparent;
  --line-lane-bottom: rgba(255,255,255,0.05);
  --line-ruler-bottom: rgba(255,255,255,0.085);
  --line-fader-line: rgba(17,20,31,.55);
  --line-fader-line-hi: transparent;
  --line-milled: transparent;
  --line-milled-hi: transparent;
  --line-drag-ghost-edge: rgba(255,255,255,0.45);
  --line-note-selected: rgba(230,232,235,1);
  --line-note-highlight: transparent;
  --line-split-guide: rgba(127,170,250,0.9);
  --line-staff: rgba(255,255,255,0.32);
  --line-note-head: rgba(230,232,235,1);
  --line-border: rgba(255,255,255,0.085);
  --line-border-strong: rgba(255,255,255,0.15);
  --line-hairline: rgba(255,255,255,0.05);
  --line-fade-curve: rgba(255,255,255,0.85);
  --line-marker: rgba(238,177,84,1);
  --line-marker-lane: rgba(238,177,84,0.3);
  --blur-glass: 16px;
  --blur-glass-agent: 16px;
  --blur-glass-card: 20px;
  --motion-fast: 70ms;
  --motion-base: 130ms;
  --motion-slow: 200ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-enter: cubic-bezier(0.1, 0.8, 0.2, 1);
  --motion-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-settle: cubic-bezier(0.2, 0, 0, 1);
  --display-glow: 0;
  --ring-glow: transparent;
  --site-accent-glow: rgba(127,170,250,0.07);
  --site-accent-glow-strong: rgba(127,170,250,0.16);
  color-scheme: dark;
  --skeuo-grain: initial;
  --aero-frame: initial;
  --aero-frame-shadow: initial;
  --aero-title: initial;
  --aero-bar: initial;
  --aero-bar-edge: initial;
  --aero-bar-shadow: initial;
  --aero-bar-ink: initial;
  --aero-bar-ink-dim: initial;
  --aero-bar-text-shadow: initial;
  --aero-lcd: initial;
  --aero-lcd-glow: initial;
  --aero-tabs: initial;
  --aero-lime: initial;
  --aero-lime-hover: initial;
  --aero-lime-pressed: initial;
  --aero-lime-ink: initial;
  --aero-lime-text-shadow: initial;
  --aero-lime-shadow: initial;
  --aero-gloss: initial;
  --aero-composer: initial;
  --aero-conversation: initial;
  --aero-input: initial;
}

[data-theme="modern"][data-mode="light"] {
  --color-desk: rgba(230,232,235,1);
  --color-well-deep: rgba(235,237,239,1);
  --color-groove: rgba(212,214,216,1);
  --color-groove-alt: rgba(232,233,236,1);
  --color-timeline-empty: rgba(239,240,243,1);
  --color-timeline: rgba(250,251,254,1);
  --color-timeline-agent: rgba(241,246,255,1);
  --color-timeline-selected: rgba(242,243,246,1);
  --color-editor: rgba(250,251,254,1);
  --color-ruler: rgba(244,245,248,1);
  --color-material-card: rgba(255,255,255,1);
  --color-agent-panel: rgba(246,248,251,1);
  --color-panel: rgba(244,245,248,1);
  --color-log-entry: rgba(255,255,255,1);
  --color-raised: rgba(255,255,255,1);
  --color-control-face: rgba(214,215,218,1);
  --color-control-top: rgba(255,255,255,1);
  --color-control-bottom: rgba(255,255,255,1);
  --color-pressed-top: rgba(229,230,233,1);
  --color-pressed-bottom: rgba(229,230,233,1);
  --color-transport-top: rgba(244,245,248,1);
  --color-transport-bottom: rgba(244,245,248,1);
  --color-segment-top: rgba(255,255,255,1);
  --color-segment-bottom: rgba(255,255,255,1);
  --color-thumb-top: rgba(255,255,255,1);
  --color-thumb-bottom: rgba(255,255,255,1);
  --color-knob-hi: rgba(255,255,255,1);
  --color-knob-lo: rgba(255,255,255,1);
  --color-knob-big-hi: rgba(255,255,255,1);
  --color-knob-big-lo: rgba(255,255,255,1);
  --color-knob-inner-hi: rgba(255,255,255,1);
  --color-knob-inner-lo: rgba(255,255,255,1);
  --color-cap-top: rgba(255,255,255,1);
  --color-cap-mid: rgba(255,255,255,1);
  --color-cap-bottom: rgba(255,255,255,1);
  --color-header-top: rgba(244,245,248,1);
  --color-header-bottom: rgba(244,245,248,1);
  --color-header-selected-top: rgba(233,234,237,1);
  --color-header-selected-bottom: rgba(233,234,237,1);
  --color-header-agent-top: rgba(229,239,255,1);
  --color-header-agent-bottom: rgba(229,239,255,1);
  --color-insert-top: rgba(255,255,255,1);
  --color-insert-bottom: rgba(255,255,255,1);
  --color-chip-top: rgba(237,238,241,1);
  --color-chip-bottom: rgba(237,238,241,1);
  --color-traffic-light: rgba(201,202,205,1);
  --color-ink-bright: rgba(9,11,15,1);
  --color-ink100: rgba(22,24,29,1);
  --color-ink-control: rgba(41,43,48,1);
  --color-ink-dim: rgba(61,64,69,1);
  --color-ink300: rgba(79,83,89,1);
  --color-ink500: rgba(107,111,118,1);
  --color-ink-separator: rgba(188,190,194,1);
  --color-ink-key-white: rgba(112,113,116,1);
  --color-well-ink: rgba(9,11,15,1);
  --color-well-ink-dim: rgba(79,83,89,1);
  --color-well-ink-faint: rgba(107,111,118,1);
  --color-key-white: rgba(255,255,255,1);
  --color-key-black: rgba(31,34,39,1);
  --color-led: rgba(15,160,92,1);
  --color-led-off: rgba(217,219,221,1);
  --color-led-glow: transparent;
  --color-led-glow-soft: transparent;
  --color-led-hot: rgba(229,118,0,1);
  --color-accent: rgba(50,98,213,1);
  --color-accent-hi: rgba(50,98,213,1);
  --color-accent-lo: rgba(50,98,213,1);
  --color-accent-ink: #ffffff;
  --color-note-top: rgba(69,115,222,1);
  --color-note-bottom: rgba(69,115,222,1);
  --color-eq-curve: rgba(50,98,213,1);
  --color-eq-handle: rgba(50,98,213,1);
  --color-eq-fill: rgba(50,98,213,1);
  --color-fam-synth: rgba(99,89,181,1);
  --color-fam-keys: rgba(141,96,0,1);
  --color-fam-bass: rgba(170,63,78,1);
  --color-fam-drums: rgba(166,75,0,1);
  --color-fam-pad: rgba(0,115,173,1);
  --color-fam-sampler: rgba(0,128,76,1);
  --color-fam-texture: rgba(152,69,136,1);
  --color-fam-dynamics: rgba(161,80,0,1);
  --color-fam-eq: rgba(124,80,168,1);
  --color-fam-drive: rgba(171,66,56,1);
  --color-fam-mod: rgba(0,128,130,1);
  --color-fam-space: rgba(39,105,183,1);
  --color-fam-pitch: rgba(161,65,116,1);
  --color-fam-utility: rgba(77,120,0,1);
  --color-neutral-dot: rgba(163,164,167,1);
  --color-menu: rgba(255,255,255,1);
  --color-menu-hover: rgba(235,237,239,1);
  --color-menu-separator: rgba(227,228,231,1);
  --color-indicator: rgba(20,22,27,1);
  --color-danger: rgba(208,44,42,1);
  --color-scrim: rgba(18,20,28,.22);
  --font-ui: 'Manrope', system-ui, -apple-system, sans-serif;
  --tracking-caps: 0.06em;
  --radius-sm: 4px;
  --radius-clip: 5px;
  --radius-button: 5px;
  --radius-md: 6px;
  --radius-control: 7px;
  --radius-lg: 8px;
  --radius-glass: 10px;
  --radius-window: 10px;
  --gradient-raised: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-raised-hover: linear-gradient(rgba(239,240,243,1), rgba(239,240,243,1));
  --gradient-pressed: linear-gradient(rgba(229,230,233,1), rgba(229,230,233,1));
  --gradient-lit: linear-gradient(rgba(50,98,213,1), rgba(50,98,213,1));
  --gradient-transport: linear-gradient(rgba(244,245,248,1), rgba(244,245,248,1));
  --gradient-title-bar: linear-gradient(rgba(244,245,248,1), rgba(244,245,248,1));
  --gradient-segment: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-thumb: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-knob: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-knob-big: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-knob-inner: none;
  --gradient-fader-cap: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-header: linear-gradient(rgba(244,245,248,1), rgba(244,245,248,1));
  --gradient-header-selected: linear-gradient(rgba(233,234,237,1), rgba(233,234,237,1));
  --gradient-header-agent: linear-gradient(rgba(229,239,255,1), rgba(229,239,255,1));
  --gradient-panel-header: linear-gradient(rgba(244,245,248,1), rgba(244,245,248,1));
  --gradient-insert: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-chip: linear-gradient(rgba(237,238,241,1), rgba(237,238,241,1));
  --gradient-send-key: linear-gradient(rgba(50,98,213,1), rgba(50,98,213,1));
  --gradient-note: linear-gradient(rgba(69,115,222,1), rgba(69,115,222,1));
  --gradient-eq-grid: repeating-linear-gradient(90deg, rgba(17,20,31,0.05) 0 1px, transparent 1px 42px), linear-gradient(180deg, transparent 36px, rgba(17,20,31,0.11) 36px, rgba(17,20,31,0.11) 37px, transparent 37px);
  --gradient-dialog: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-dialog-header: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --gradient-plate: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  --shadow-raised: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-raised-sm: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-pressed: inset 0 0 0 1px rgba(17,20,31,0.17);
  --shadow-lit: none;
  --shadow-knob: inset 0 0 0 1px rgba(17,20,31,0.17);
  --shadow-knob-big: inset 0 0 0 1px rgba(17,20,31,0.17);
  --shadow-knob-inner: none;
  --shadow-knob-indicator: none;
  --shadow-fader-cap: 0 0 0 1px rgba(17,20,31,0.147), 0 2px 6px rgba(17,20,31,0.189);
  --shadow-thumb: 0 0 0 1px rgba(17,20,31,0.126), 0 1px 3px rgba(17,20,31,0.168);
  --shadow-groove: none;
  --shadow-groove-soft: none;
  --shadow-groove-shallow: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-groove-send: none;
  --shadow-well-deep: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-well-input: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-well-value: none;
  --shadow-segment: 0 0 0 1px rgba(17,20,31,0.1), 0 1px 2px rgba(17,20,31,0.105);
  --shadow-clip: none;
  --shadow-clip-agent: 0 0 0 1.5px rgba(50,98,213,1);
  --shadow-clip-selected: 0 0 0 1.5px rgba(22,24,29,1);
  --shadow-led-lit: none;
  --shadow-led-accent: none;
  --shadow-led-off: none;
  --shadow-led-empty: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-glass: 0 0 0 1px rgba(17,20,31,0.1), 0 8px 24px rgba(17,20,31,0.168);
  --shadow-glass-agent: 0 0 0 1px rgba(50,98,213,0.5), 0 8px 24px rgba(17,20,31,0.168);
  --shadow-glass-card: 0 0 0 1px rgba(50,98,213,0.4), 0 10px 30px rgba(17,20,31,0.168);
  --shadow-accent-dot: none;
  --shadow-accent-dot-lg: none;
  --shadow-accent-bar: none;
  --shadow-playhead: none;
  --shadow-playhead-ruler: none;
  --shadow-header-cell: inset -1px 0 0 rgba(17,20,31,0.1), inset 0 -1px 0 rgba(17,20,31,0.06);
  --shadow-header-cell-agent: inset 2px 0 0 rgba(50,98,213,1), inset -1px 0 0 rgba(17,20,31,0.1), inset 0 -1px 0 rgba(17,20,31,0.06);
  --shadow-header-column: inset -1px 0 0 rgba(17,20,31,0.1);
  --shadow-color-strip: none;
  --shadow-swatch: none;
  --shadow-swatch-sm: none;
  --shadow-traffic-light: none;
  --shadow-title-bar: inset 0 -1px 0 rgba(17,20,31,0.1);
  --shadow-transport: inset 0 -1px 0 rgba(17,20,31,0.1);
  --shadow-toolbar: inset 0 -1px 0 rgba(17,20,31,0.1);
  --shadow-toolbar-editor: inset 0 -1px 0 rgba(17,20,31,0.1);
  --shadow-ruler-corner: inset -1px 0 0 rgba(17,20,31,0.1), inset 0 -1px 0 rgba(17,20,31,0.1);
  --shadow-panel-left: inset -1px 0 0 rgba(17,20,31,0.1);
  --shadow-panel-right: inset 1px 0 0 rgba(17,20,31,0.1);
  --shadow-panel-agent: inset 1px 0 0 rgba(17,20,31,0.1);
  --shadow-panel-agent-rail: inset 1px 0 0 rgba(17,20,31,0.1);
  --shadow-editor-pane: inset 0 1px 0 rgba(17,20,31,0.1);
  --shadow-key-column: inset -1px 0 0 rgba(17,20,31,0.1);
  --shadow-key-row: inset 0 -1px 0 rgba(17,20,31,0.06);
  --shadow-divider: inset 0 -1px 0 rgba(17,20,31,0.1);
  --shadow-divider-top: none;
  --shadow-log-entry: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-log-chip: none;
  --shadow-insert: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-insert-empty: inset 0 0 0 1px rgba(17,20,31,0.06);
  --shadow-led-insert-off: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-window: 0 30px 80px rgba(17,20,31,0.252), 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-send-key: none;
  --shadow-menu: 0 0 0 1px rgba(17,20,31,0.17), 0 14px 40px rgba(17,20,31,0.231), 0 3px 8px rgba(17,20,31,0.126);
  --shadow-dialog: 0 0 0 1px rgba(17,20,31,0.17), 0 24px 70px rgba(17,20,31,0.252), 0 4px 14px rgba(17,20,31,0.126);
  --shadow-inline-input: 0 0 0 1.5px rgba(50,98,213,1);
  --shadow-note: none;
  --shadow-fader-line-hi: none;
  --shadow-milled-hi: none;
  --shadow-plate: inset 0 0 0 1px rgba(17,20,31,0.1);
  --shadow-focus: 0 0 0 2px rgba(50,98,213,0.55);
  --fill-glass: rgba(255,255,255,.86);
  --fill-glass-agent: rgba(255,255,255,.9);
  --fill-glass-card: rgba(255,255,255,.94);
  --fill-log-live: rgba(50,98,213,0.07);
  --fill-log-chip-live: rgba(50,98,213,0.1);
  --fill-browser-highlight: rgba(17,20,31,0.055);
  --fill-cycle-ruler: rgba(50,98,213,0.14);
  --fill-cycle-lane: rgba(50,98,213,0.035);
  --fill-clip-title: rgba(17,20,31,.07);
  --fill-row-shade: rgba(17,20,31,0.02);
  --fill-black-key-row: rgba(17,20,31,.035);
  --fill-eq-grid-line: rgba(17,20,31,0.05);
  --fill-eq-zero-line: rgba(17,20,31,0.11);
  --fill-velocity: rgba(17,20,31,0.3);
  --fill-drag-ghost: rgba(17,20,31,0.1);
  --fill-pencil-preview: rgba(50,98,213,0.22);
  --fill-cycle-handle: rgba(50,98,213,0.9);
  --fill-drop-target: rgba(50,98,213,0.1);
  --fill-step-cell: rgba(17,20,31,0.05);
  --fill-hover: rgba(17,20,31,0.045);
  --fill-fade-shade: rgba(17,20,31,.16);
  --fill-fade-handle: rgba(17,20,31,.8);
  --fill-marker-flag: rgba(255,255,255,.9);
  --line-bar-line: rgba(17,20,31,0.1);
  --line-beat-line: rgba(17,20,31,0.04);
  --line-ruler-bar: rgba(17,20,31,0.24);
  --line-ruler-tick: rgba(17,20,31,0.11);
  --line-cycle-edge: rgba(50,98,213,0.8);
  --line-editor-bar: rgba(17,20,31,0.11);
  --line-editor-beat: rgba(17,20,31,0.045);
  --line-waveform: rgba(17,20,31,.72);
  --line-waveform-mid: rgba(17,20,31,.28);
  --line-midi-note: rgba(17,20,31,.74);
  --line-clip-name: rgba(17,20,31,.9);
  --line-clip-title-bottom: transparent;
  --line-clip-highlight: transparent;
  --line-clip-contact: transparent;
  --line-clip-selected: rgba(22,24,29,1);
  --line-cell-divider: rgba(17,20,31,0.06);
  --line-divider-dark: rgba(17,20,31,0.1);
  --line-lane-top: transparent;
  --line-lane-bottom: rgba(17,20,31,0.06);
  --line-ruler-bottom: rgba(17,20,31,0.1);
  --line-fader-line: rgba(17,20,31,.4);
  --line-fader-line-hi: transparent;
  --line-milled: transparent;
  --line-milled-hi: transparent;
  --line-drag-ghost-edge: rgba(17,20,31,0.45);
  --line-note-selected: rgba(22,24,29,1);
  --line-note-highlight: transparent;
  --line-split-guide: rgba(50,98,213,0.9);
  --line-staff: rgba(17,20,31,0.32);
  --line-note-head: rgba(22,24,29,1);
  --line-border: rgba(17,20,31,0.1);
  --line-border-strong: rgba(17,20,31,0.17);
  --line-hairline: rgba(17,20,31,0.06);
  --line-fade-curve: rgba(17,20,31,.75);
  --line-marker: rgba(181,93,0,1);
  --line-marker-lane: rgba(181,93,0,0.35);
  --blur-glass: 16px;
  --blur-glass-agent: 16px;
  --blur-glass-card: 20px;
  --motion-fast: 70ms;
  --motion-base: 130ms;
  --motion-slow: 200ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-enter: cubic-bezier(0.1, 0.8, 0.2, 1);
  --motion-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-settle: cubic-bezier(0.2, 0, 0, 1);
  --display-glow: 0;
  --ring-glow: transparent;
  --site-accent-glow: rgba(50,98,213,0.1);
  --site-accent-glow-strong: rgba(50,98,213,0.2);
  color-scheme: light;
  --skeuo-grain: initial;
  --aero-frame: initial;
  --aero-frame-shadow: initial;
  --aero-title: initial;
  --aero-bar: initial;
  --aero-bar-edge: initial;
  --aero-bar-shadow: initial;
  --aero-bar-ink: initial;
  --aero-bar-ink-dim: initial;
  --aero-bar-text-shadow: initial;
  --aero-lcd: initial;
  --aero-lcd-glow: initial;
  --aero-tabs: initial;
  --aero-lime: initial;
  --aero-lime-hover: initial;
  --aero-lime-pressed: initial;
  --aero-lime-ink: initial;
  --aero-lime-text-shadow: initial;
  --aero-lime-shadow: initial;
  --aero-gloss: initial;
  --aero-composer: initial;
  --aero-conversation: initial;
  --aero-input: initial;
}

[data-theme="skeuo"][data-mode="dark"] {
  --color-desk: #141413;
  --color-well-deep: #161615;
  --color-groove: #1a1a19;
  --color-groove-alt: #1c1c1b;
  --color-timeline-empty: #1f1f1e;
  --color-timeline: #222221;
  --color-timeline-agent: #222524;
  --color-timeline-selected: #262626;
  --color-editor: #262625;
  --color-ruler: #272726;
  --color-material-card: #282827;
  --color-agent-panel: #29292a;
  --color-panel: #2c2c2b;
  --color-log-entry: #2f2f2e;
  --color-raised: #353534;
  --color-control-face: #42423f;
  --color-control-top: #42423f;
  --color-control-bottom: #313130;
  --color-pressed-top: #262625;
  --color-pressed-bottom: #2c2c2b;
  --color-transport-top: #333332;
  --color-transport-bottom: #2c2c2b;
  --color-segment-top: #45453f;
  --color-segment-bottom: #363634;
  --color-thumb-top: #5a5a57;
  --color-thumb-bottom: #3a3a38;
  --color-knob-hi: #4c4c49;
  --color-knob-lo: #2a2a29;
  --color-knob-big-hi: #555552;
  --color-knob-big-lo: #2c2c2b;
  --color-knob-inner-hi: #3a3a38;
  --color-knob-inner-lo: #252524;
  --color-cap-top: #605f5c;
  --color-cap-mid: #3c3c3a;
  --color-cap-bottom: #33332f;
  --color-header-top: #2e2e2d;
  --color-header-bottom: #2a2a29;
  --color-header-selected-top: #3a3a39;
  --color-header-selected-bottom: #333332;
  --color-header-agent-top: #2f3232;
  --color-header-agent-bottom: #2b2e2e;
  --color-insert-top: #3a3a39;
  --color-insert-bottom: #313130;
  --color-chip-top: #3a3a39;
  --color-chip-bottom: #2c2c2b;
  --color-traffic-light: #4a4a47;
  --color-ink-bright: #f2f1ee;
  --color-ink100: #e8e7e4;
  --color-ink-control: #d6d5d1;
  --color-ink-dim: #c8c7c3;
  --color-ink300: #a9a8a4;
  --color-ink500: #8b8a86;
  --color-ink-separator: #5a5957;
  --color-ink-key-white: #4a4a47;
  --color-well-ink: #f2f1ee;
  --color-well-ink-dim: #a9a8a4;
  --color-well-ink-faint: #8b8a86;
  --color-key-white: #d9d7d1;
  --color-key-black: #232322;
  --color-led: #f0e8d8;
  --color-led-off: #252523;
  --color-led-glow: rgba(255,236,205,.75);
  --color-led-glow-soft: rgba(255,236,205,.3);
  --color-led-hot: rgba(71,214,207,1);
  --color-accent: rgba(71,214,207,1);
  --color-accent-hi: rgba(118,239,231,1);
  --color-accent-lo: rgba(0,169,162,1);
  --color-accent-ink: #0f2a29;
  --color-note-top: rgba(202,172,255,1);
  --color-note-bottom: rgba(159,126,214,1);
  --color-eq-curve: rgba(195,165,249,1);
  --color-eq-handle: rgba(216,191,255,1);
  --color-eq-fill: rgba(177,145,234,1);
  --color-fam-synth: rgba(175,172,255,1);
  --color-fam-keys: rgba(219,177,85,1);
  --color-fam-bass: rgba(250,150,159,1);
  --color-fam-drums: rgba(245,160,111,1);
  --color-fam-pad: rgba(97,195,249,1);
  --color-fam-sampler: rgba(107,207,157,1);
  --color-fam-texture: rgba(231,154,214,1);
  --color-fam-dynamics: rgba(239,164,100,1);
  --color-fam-eq: rgba(201,163,245,1);
  --color-fam-drive: rgba(251,153,140,1);
  --color-fam-mod: rgba(59,207,207,1);
  --color-fam-space: rgba(130,186,255,1);
  --color-fam-pitch: rgba(241,151,194,1);
  --color-fam-utility: rgba(158,199,115,1);
  --color-neutral-dot: #5a5a57;
  --color-menu: #333332;
  --color-menu-hover: #3f3f3d;
  --color-menu-separator: #262625;
  --color-indicator: #e8e7e4;
  --color-danger: rgba(247,93,89,1);
  --color-scrim: rgba(0,0,0,0.4);
  --font-ui: 'Manrope', system-ui, -apple-system, sans-serif;
  --tracking-caps: 0.09em;
  --radius-sm: 3px;
  --radius-clip: 4px;
  --radius-button: 4px;
  --radius-md: 5px;
  --radius-control: 6px;
  --radius-lg: 7px;
  --radius-glass: 8px;
  --radius-window: 10px;
  --gradient-raised: linear-gradient(180deg, #42423f, #313130);
  --gradient-raised-hover: linear-gradient(180deg, #45453f, #363634);
  --gradient-pressed: linear-gradient(180deg, #262625, #2c2c2b);
  --gradient-lit: radial-gradient(circle at 50% 30%, rgba(118,239,231,1), rgba(0,169,162,1));
  --gradient-transport: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-title-bar: linear-gradient(180deg, #2c2c2b, #2c2c2b);
  --gradient-segment: linear-gradient(180deg, #45453f, #363634);
  --gradient-thumb: linear-gradient(180deg, #5a5a57, #3a3a38);
  --gradient-knob: radial-gradient(circle at 50% 28%, #4c4c49, #2a2a29 72%);
  --gradient-knob-big: radial-gradient(circle at 50% 25%, #555552, #2c2c2b 70%);
  --gradient-knob-inner: radial-gradient(circle at 50% 35%, #3a3a38, #252524);
  --gradient-fader-cap: linear-gradient(180deg, #605f5c, #3c3c3a 55%, #33332f);
  --gradient-header: linear-gradient(180deg, #2e2e2d, #2a2a29);
  --gradient-header-selected: linear-gradient(180deg, #3a3a39, #333332);
  --gradient-header-agent: linear-gradient(180deg, #2f3232, #2b2e2e);
  --gradient-panel-header: linear-gradient(180deg, #2c2c2b, #2c2c2b);
  --gradient-insert: linear-gradient(180deg, #3a3a39, #313130);
  --gradient-chip: linear-gradient(180deg, #3a3a39, #2c2c2b);
  --gradient-send-key: radial-gradient(circle at 50% 30%, rgba(118,239,231,1), rgba(0,169,162,1));
  --gradient-note: linear-gradient(180deg, rgba(202,172,255,1), rgba(159,126,214,1));
  --gradient-eq-grid: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 42px), linear-gradient(180deg, transparent 36px, rgba(255,255,255,0.08) 36px, rgba(255,255,255,0.08) 37px, transparent 37px);
  --gradient-dialog: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-dialog-header: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-plate: linear-gradient(180deg, #353534, #2c2c2b);
  --shadow-raised: inset 0 1px 0 rgba(255,255,255,0.09), inset 0 -1px 0 rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.55), 0 3px 5px rgba(0,0,0,0.25);
  --shadow-raised-sm: inset 0 1px 0 rgba(255,255,255,0.09), 0 1px 2px rgba(0,0,0,0.55);
  --shadow-pressed: inset 0 2px 4px rgba(0,0,0,0.65), inset 0 1px 1px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-lit: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.6), 0 0 12px rgba(71,214,207,0.55), 0 0 22px rgba(71,214,207,0.25);
  --shadow-knob: inset 0 1px 0 rgba(255,255,255,0.16), inset 0 -1px 1px rgba(0,0,0,0.6), 0 2px 3px rgba(0,0,0,0.6), 0 4px 7px rgba(0,0,0,0.3);
  --shadow-knob-big: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -2px 2px rgba(0,0,0,0.6), 0 3px 4px rgba(0,0,0,0.65), 0 8px 12px rgba(0,0,0,0.35);
  --shadow-knob-inner: inset 0 1px 1px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.08);
  --shadow-knob-indicator: inset 0 0 1px rgba(0,0,0,0.9), 0 0 0 1px rgba(0,0,0,0.35);
  --shadow-fader-cap: inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -1px 0 rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.7), 0 5px 8px rgba(0,0,0,0.35);
  --shadow-thumb: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.6), 0 3px 4px rgba(0,0,0,0.3);
  --shadow-groove: inset 0 1px 3px rgba(0,0,0,0.9), inset 0 0 0 1px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-soft: inset 0 1px 2px rgba(0,0,0,0.85), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-shallow: inset 0 1px 3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-send: inset 0 1px 2px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.04);
  --shadow-well-deep: inset 0 2px 5px rgba(0,0,0,0.85), inset 0 0 0 1px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.06);
  --shadow-well-input: inset 0 2px 4px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-well-value: inset 0 1px 3px rgba(0,0,0,0.85);
  --shadow-segment: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-clip: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(0,0,0,0.4), 0 2px 3px rgba(0,0,0,0.55), 0 5px 10px rgba(0,0,0,0.3);
  --shadow-clip-agent: 0 0 0 1px rgba(71,214,207,1), 0 0 14px rgba(71,214,207,0.45);
  --shadow-clip-selected: 0 0 0 1.5px #e8e7e4;
  --shadow-led-lit: 0 0 4px rgba(255,236,205,.75), 0 0 9px rgba(255,236,205,.3);
  --shadow-led-accent: 0 0 5px rgba(71,214,207,0.9), 0 0 10px rgba(71,214,207,0.4);
  --shadow-led-off: inset 0 1px 0 rgba(0,0,0,0.6);
  --shadow-led-empty: inset 0 0 0 1px rgba(255,255,255,0.12);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.15), 0 0 0 1px rgba(0,0,0,0.4), 0 3px 8px rgba(0,0,0,0.4);
  --shadow-glass-agent: inset 0 1px 0 rgba(255,255,255,0.18), 0 0 0 1px rgba(71,214,207,0.45), 0 4px 12px rgba(0,0,0,0.5), 0 0 18px rgba(71,214,207,0.18);
  --shadow-glass-card: inset 0 1px 0 rgba(255,255,255,0.14), 0 0 0 1px rgba(71,214,207,0.35), 0 6px 18px rgba(0,0,0,0.45), 0 0 24px rgba(71,214,207,0.12);
  --shadow-accent-dot: 0 0 6px rgba(71,214,207,0.9), 0 0 12px rgba(71,214,207,0.4);
  --shadow-accent-dot-lg: 0 0 6px rgba(71,214,207,0.9), 0 0 14px rgba(71,214,207,0.45);
  --shadow-accent-bar: 0 0 6px rgba(71,214,207,0.7);
  --shadow-playhead: 0 0 5px rgba(71,214,207,0.7), 0 0 14px rgba(71,214,207,0.25);
  --shadow-playhead-ruler: 0 0 6px rgba(71,214,207,0.8);
  --shadow-header-cell: inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-header-cell-agent: inset 0 0 0 1px rgba(71,214,207,0.55), inset 0 0 18px rgba(71,214,207,0.12), inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-header-column: inset -1px 0 0 rgba(0,0,0,0.6);
  --shadow-color-strip: inset -1px 0 0 rgba(0,0,0,0.4), inset 1px 0 0 rgba(255,255,255,0.15);
  --shadow-swatch: inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-swatch-sm: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-traffic-light: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-title-bar: inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05);
  --shadow-transport: inset 0 1px 0 rgba(255,255,255,0.06), 0 2px 6px rgba(0,0,0,0.45);
  --shadow-toolbar: inset 0 -1px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.03);
  --shadow-toolbar-editor: inset 0 -1px 0 rgba(0,0,0,0.6);
  --shadow-ruler-corner: inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.6);
  --shadow-panel-left: inset -1px 0 0 rgba(0,0,0,0.6), inset -2px 0 4px rgba(0,0,0,0.25);
  --shadow-panel-right: inset 1px 0 0 rgba(0,0,0,0.6), inset 2px 0 4px rgba(0,0,0,0.25);
  --shadow-panel-agent: inset 1px 0 0 rgba(0,0,0,0.65), inset 3px 0 6px rgba(0,0,0,0.3);
  --shadow-panel-agent-rail: inset 1px 0 0 rgba(0,0,0,0.65);
  --shadow-editor-pane: 0 -3px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
  --shadow-key-column: inset -1px 0 0 rgba(0,0,0,0.7);
  --shadow-key-row: inset 0 -1px 0 rgba(0,0,0,0.35);
  --shadow-divider: inset 0 -1px 0 rgba(0,0,0,0.5);
  --shadow-divider-top: inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-log-entry: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 2px rgba(0,0,0,0.35);
  --shadow-log-chip: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-insert: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-insert-empty: inset 0 1px 2px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.04);
  --shadow-led-insert-off: inset 0 1px 1px rgba(0,0,0,0.8);
  --shadow-window: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06);
  --shadow-send-key: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.6), 0 0 12px rgba(71,214,207,0.4);
  --shadow-menu: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 1px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.4);
  --shadow-dialog: inset 0 1px 0 rgba(255,255,255,0.12), 0 0 0 1px rgba(0,0,0,0.7), 0 18px 55px rgba(0,0,0,0.6), 0 4px 12px rgba(0,0,0,0.35);
  --shadow-inline-input: inset 0 1px 2px rgba(0,0,0,0.7), 0 0 0 1px rgba(71,214,207,0.6);
  --shadow-note: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.3);
  --shadow-fader-line-hi: 0 1px 0 rgba(255,255,255,0.14);
  --shadow-milled-hi: 1px 0 0 rgba(255,255,255,0.12);
  --shadow-plate: inset 0 1px 0 rgba(255,255,255,0.1), inset 0 -1px 0 rgba(0,0,0,0.5), 0 0 0 1px rgba(0,0,0,0.55), 0 2px 5px rgba(0,0,0,0.4);
  --shadow-focus: 0 0 0 2px rgba(71,214,207,1);
  --fill-glass: rgba(60,60,58,.55);
  --fill-glass-agent: rgba(58,64,64,.55);
  --fill-glass-card: rgba(66,70,70,.4);
  --fill-log-live: rgba(66,70,70,.35);
  --fill-log-chip-live: rgba(0,0,0,0.25);
  --fill-browser-highlight: rgba(255,255,255,0.07);
  --fill-cycle-ruler: rgba(255,255,255,0.09);
  --fill-cycle-lane: rgba(255,255,255,0.025);
  --fill-clip-title: rgba(0,0,0,0.22);
  --fill-row-shade: rgba(255,255,255,0.035);
  --fill-black-key-row: rgba(0,0,0,0.14);
  --fill-eq-grid-line: rgba(255,255,255,0.05);
  --fill-eq-zero-line: rgba(255,255,255,0.08);
  --fill-velocity: rgba(255,255,255,0.18);
  --fill-drag-ghost: rgba(255,255,255,0.12);
  --fill-pencil-preview: rgba(71,214,207,0.25);
  --fill-cycle-handle: rgba(255,255,255,0.35);
  --fill-drop-target: rgba(71,214,207,0.12);
  --fill-step-cell: rgba(255,255,255,0.06);
  --fill-hover: rgba(255,255,255,0.05);
  --fill-fade-shade: rgba(0,0,0,0.38);
  --fill-fade-handle: rgba(255,255,255,0.9);
  --fill-marker-flag: rgba(22,22,21,.78);
  --line-bar-line: rgba(255,255,255,0.075);
  --line-beat-line: rgba(255,255,255,0.025);
  --line-ruler-bar: rgba(255,255,255,0.16);
  --line-ruler-tick: rgba(255,255,255,0.07);
  --line-cycle-edge: rgba(255,255,255,0.2);
  --line-editor-bar: rgba(255,255,255,0.09);
  --line-editor-beat: rgba(255,255,255,0.03);
  --line-waveform: rgba(255,255,255,0.72);
  --line-waveform-mid: rgba(255,255,255,0.35);
  --line-midi-note: rgba(255,255,255,0.78);
  --line-clip-name: rgba(255,255,255,0.93);
  --line-clip-title-bottom: rgba(0,0,0,0.2);
  --line-clip-highlight: rgba(255,255,255,0.22);
  --line-clip-contact: rgba(20,20,19,.4);
  --line-clip-selected: rgba(255,255,255,0.85);
  --line-cell-divider: rgba(255,255,255,0.06);
  --line-divider-dark: rgba(0,0,0,0.5);
  --line-lane-top: rgba(255,255,255,0.02);
  --line-lane-bottom: rgba(0,0,0,0.45);
  --line-ruler-bottom: rgba(0,0,0,0.6);
  --line-fader-line: rgba(0,0,0,0.7);
  --line-fader-line-hi: rgba(255,255,255,0.14);
  --line-milled: rgba(0,0,0,0.6);
  --line-milled-hi: rgba(255,255,255,0.12);
  --line-drag-ghost-edge: rgba(255,255,255,0.5);
  --line-note-selected: rgba(255,255,255,0.9);
  --line-note-highlight: rgba(255,255,255,0.35);
  --line-split-guide: rgba(71,214,207,0.9);
  --line-staff: rgba(255,255,255,0.35);
  --line-note-head: rgba(255,255,255,0.9);
  --line-border: rgba(0,0,0,0.55);
  --line-border-strong: rgba(0,0,0,0.7);
  --line-hairline: rgba(255,255,255,0.05);
  --line-fade-curve: rgba(255,255,255,0.85);
  --line-marker: rgba(233,180,82,1);
  --line-marker-lane: rgba(233,180,82,0.3);
  --blur-glass: 8px;
  --blur-glass-agent: 10px;
  --blur-glass-card: 12px;
  --motion-fast: 80ms;
  --motion-base: 160ms;
  --motion-slow: 260ms;
  --motion-ease: cubic-bezier(0.3, 0, 0.2, 1);
  --motion-enter: cubic-bezier(0.16, 0.84, 0.3, 1);
  --motion-exit: cubic-bezier(0.5, 0, 0.9, 0.4);
  --motion-settle: cubic-bezier(0.3, 1.35, 0.5, 1);
  --display-glow: 0.2;
  --ring-glow: rgba(71,214,207,0.55);
  --site-accent-glow: rgba(71,214,207,0.07);
  --site-accent-glow-strong: rgba(71,214,207,0.16);
  color-scheme: dark;
  --skeuo-grain: repeating-linear-gradient(90deg, rgba(255,255,255,0.012) 0 1px, transparent 1px 3px);
  --aero-frame: initial;
  --aero-frame-shadow: initial;
  --aero-title: initial;
  --aero-bar: initial;
  --aero-bar-edge: initial;
  --aero-bar-shadow: initial;
  --aero-bar-ink: initial;
  --aero-bar-ink-dim: initial;
  --aero-bar-text-shadow: initial;
  --aero-lcd: initial;
  --aero-lcd-glow: initial;
  --aero-tabs: initial;
  --aero-lime: initial;
  --aero-lime-hover: initial;
  --aero-lime-pressed: initial;
  --aero-lime-ink: initial;
  --aero-lime-text-shadow: initial;
  --aero-lime-shadow: initial;
  --aero-gloss: initial;
  --aero-composer: initial;
  --aero-conversation: initial;
  --aero-input: initial;
}

[data-theme="skeuo"][data-mode="light"] {
  --color-desk: rgba(161,158,153,1);
  --color-well-deep: rgba(25,24,20,1);
  --color-groove: rgba(173,170,165,1);
  --color-groove-alt: rgba(192,189,184,1);
  --color-timeline-empty: rgba(207,204,198,1);
  --color-timeline: rgba(226,223,218,1);
  --color-timeline-agent: rgba(208,229,227,1);
  --color-timeline-selected: rgba(236,233,228,1);
  --color-editor: rgba(221,218,213,1);
  --color-ruler: rgba(213,210,205,1);
  --color-material-card: rgba(220,217,211,1);
  --color-agent-panel: rgba(217,213,208,1);
  --color-panel: rgba(210,207,202,1);
  --color-log-entry: rgba(226,223,218,1);
  --color-raised: rgba(230,226,221,1);
  --color-control-face: rgba(241,238,233,1);
  --color-control-top: rgba(248,245,239,1);
  --color-control-bottom: rgba(220,217,211,1);
  --color-pressed-top: rgba(184,181,176,1);
  --color-pressed-bottom: rgba(202,199,194,1);
  --color-transport-top: rgba(223,220,215,1);
  --color-transport-bottom: rgba(205,202,197,1);
  --color-segment-top: rgba(255,251,246,1);
  --color-segment-bottom: rgba(231,228,223,1);
  --color-thumb-top: rgba(255,253,248,1);
  --color-thumb-bottom: rgba(212,208,203,1);
  --color-knob-hi: rgba(255,253,248,1);
  --color-knob-lo: rgba(192,189,184,1);
  --color-knob-big-hi: rgba(255,255,249,1);
  --color-knob-big-lo: rgba(186,183,178,1);
  --color-knob-inner-hi: rgba(235,231,226,1);
  --color-knob-inner-lo: rgba(207,204,198,1);
  --color-cap-top: rgba(255,253,248,1);
  --color-cap-mid: rgba(220,217,211,1);
  --color-cap-bottom: rgba(192,189,184,1);
  --color-header-top: rgba(218,215,210,1);
  --color-header-bottom: rgba(208,205,200,1);
  --color-header-selected-top: rgba(240,236,231,1);
  --color-header-selected-bottom: rgba(226,223,218,1);
  --color-header-agent-top: rgba(208,229,227,1);
  --color-header-agent-bottom: rgba(195,218,216,1);
  --color-insert-top: rgba(238,235,229,1);
  --color-insert-bottom: rgba(218,215,210,1);
  --color-chip-top: rgba(243,240,234,1);
  --color-chip-bottom: rgba(217,213,208,1);
  --color-traffic-light: rgba(167,164,159,1);
  --color-ink-bright: rgba(17,15,12,1);
  --color-ink100: rgba(31,29,25,1);
  --color-ink-control: rgba(45,43,39,1);
  --color-ink-dim: rgba(61,58,54,1);
  --color-ink300: rgba(77,74,70,1);
  --color-ink500: rgba(93,90,86,1);
  --color-ink-separator: rgba(149,146,141,1);
  --color-ink-key-white: rgba(102,99,94,1);
  --color-well-ink: #f4ecd9;
  --color-well-ink-dim: #b3ab9b;
  --color-well-ink-faint: #8a8375;
  --color-key-white: rgba(253,250,244,1);
  --color-key-black: rgba(38,36,32,1);
  --color-led: rgba(242,176,54,1);
  --color-led-off: rgba(47,46,41,1);
  --color-led-glow: rgba(255,186,72,.75);
  --color-led-glow-soft: rgba(255,186,72,.28);
  --color-led-hot: rgba(71,214,207,1);
  --color-accent: rgba(0,122,124,1);
  --color-accent-hi: rgba(64,193,189,1);
  --color-accent-lo: rgba(0,109,112,1);
  --color-accent-ink: #f3fffd;
  --color-note-top: rgba(160,124,219,1);
  --color-note-bottom: rgba(125,86,184,1);
  --color-eq-curve: rgba(202,172,255,1);
  --color-eq-handle: rgba(225,201,255,1);
  --color-eq-fill: rgba(177,145,234,1);
  --color-fam-synth: rgba(99,91,176,1);
  --color-fam-keys: rgba(139,97,0,1);
  --color-fam-bass: rgba(166,68,80,1);
  --color-fam-drums: rgba(162,78,16,1);
  --color-fam-pad: rgba(0,114,168,1);
  --color-fam-sampler: rgba(0,127,78,1);
  --color-fam-texture: rgba(149,72,134,1);
  --color-fam-dynamics: rgba(157,83,0,1);
  --color-fam-eq: rgba(123,82,164,1);
  --color-fam-drive: rgba(167,70,60,1);
  --color-fam-mod: rgba(0,126,128,1);
  --color-fam-space: rgba(46,105,178,1);
  --color-fam-pitch: rgba(158,69,115,1);
  --color-fam-utility: rgba(79,119,21,1);
  --color-neutral-dot: rgba(137,134,129,1);
  --color-menu: rgba(240,236,231,1);
  --color-menu-hover: rgba(217,213,208,1);
  --color-menu-separator: rgba(199,196,190,1);
  --color-indicator: rgba(24,22,18,1);
  --color-danger: rgba(204,40,39,1);
  --color-scrim: rgba(40,34,24,.28);
  --font-ui: 'Manrope', system-ui, -apple-system, sans-serif;
  --tracking-caps: 0.09em;
  --radius-sm: 3px;
  --radius-clip: 4px;
  --radius-button: 4px;
  --radius-md: 5px;
  --radius-control: 6px;
  --radius-lg: 7px;
  --radius-glass: 8px;
  --radius-window: 10px;
  --gradient-raised: linear-gradient(180deg, rgba(248,245,239,1), rgba(220,217,211,1));
  --gradient-raised-hover: linear-gradient(180deg, rgba(255,251,246,1), rgba(231,228,223,1));
  --gradient-pressed: linear-gradient(180deg, rgba(184,181,176,1), rgba(202,199,194,1));
  --gradient-lit: radial-gradient(circle at 50% 30%, rgba(64,193,189,1), rgba(0,109,112,1));
  --gradient-transport: linear-gradient(180deg, rgba(223,220,215,1), rgba(205,202,197,1));
  --gradient-title-bar: linear-gradient(180deg, rgba(225,221,216,1), rgba(210,207,202,1));
  --gradient-segment: linear-gradient(180deg, rgba(255,251,246,1), rgba(231,228,223,1));
  --gradient-thumb: linear-gradient(180deg, rgba(255,253,248,1), rgba(212,208,203,1));
  --gradient-knob: radial-gradient(circle at 50% 28%, rgba(255,253,248,1), rgba(192,189,184,1) 72%);
  --gradient-knob-big: radial-gradient(circle at 50% 25%, rgba(255,255,249,1), rgba(186,183,178,1) 70%);
  --gradient-knob-inner: radial-gradient(circle at 50% 35%, rgba(235,231,226,1), rgba(207,204,198,1));
  --gradient-fader-cap: linear-gradient(180deg, rgba(255,253,248,1), rgba(220,217,211,1) 55%, rgba(192,189,184,1));
  --gradient-header: linear-gradient(180deg, rgba(218,215,210,1), rgba(208,205,200,1));
  --gradient-header-selected: linear-gradient(180deg, rgba(240,236,231,1), rgba(226,223,218,1));
  --gradient-header-agent: linear-gradient(180deg, rgba(208,229,227,1), rgba(195,218,216,1));
  --gradient-panel-header: linear-gradient(180deg, rgba(217,213,208,1), rgba(208,205,200,1));
  --gradient-insert: linear-gradient(180deg, rgba(238,235,229,1), rgba(218,215,210,1));
  --gradient-chip: linear-gradient(180deg, rgba(243,240,234,1), rgba(217,213,208,1));
  --gradient-send-key: radial-gradient(circle at 50% 30%, rgba(64,193,189,1), rgba(0,109,112,1));
  --gradient-note: linear-gradient(180deg, rgba(160,124,219,1), rgba(125,86,184,1));
  --gradient-eq-grid: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 42px), linear-gradient(180deg, transparent 36px, rgba(255,255,255,0.09) 36px, rgba(255,255,255,0.09) 37px, transparent 37px);
  --gradient-dialog: linear-gradient(180deg, rgba(223,220,215,1), rgba(210,207,202,1));
  --gradient-dialog-header: linear-gradient(180deg, rgba(223,220,215,1), rgba(205,202,197,1));
  --gradient-plate: linear-gradient(180deg, rgba(230,226,221,1), rgba(210,207,202,1));
  --shadow-raised: inset 0 1px 0 rgba(255,255,255,0.676), inset 0 -1px 0 rgba(58,47,30,0.14), 0 1px 2px rgba(58,47,30,0.22), 0 3px 5px rgba(58,47,30,0.1);
  --shadow-raised-sm: inset 0 1px 0 rgba(255,255,255,0.676), 0 1px 2px rgba(58,47,30,0.22);
  --shadow-pressed: inset 0 2px 4px rgba(58,47,30,0.26), inset 0 1px 1px rgba(58,47,30,0.2), 0 1px 0 rgba(255,255,255,0.62);
  --shadow-lit: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(58,47,30,0.12), 0 1px 2px rgba(58,47,30,0.24), 0 0 12px rgba(0,122,124,0.385), 0 0 22px rgba(0,122,124,0.175);
  --shadow-knob: inset 0 1px 0 rgba(255,255,255,0.774), inset 0 -1px 1px rgba(58,47,30,0.24), 0 2px 3px rgba(58,47,30,0.24), 0 4px 7px rgba(58,47,30,0.12);
  --shadow-knob-big: inset 0 1px 0 rgba(255,255,255,0.802), inset 0 -2px 2px rgba(58,47,30,0.24), 0 3px 4px rgba(58,47,30,0.26), 0 8px 12px rgba(58,47,30,0.14);
  --shadow-knob-inner: inset 0 1px 1px rgba(58,47,30,0.28), 0 1px 0 rgba(255,255,255,0.662);
  --shadow-knob-indicator: inset 0 0 1px rgba(58,47,30,0.36), 0 0 0 1px rgba(58,47,30,0.14);
  --shadow-fader-cap: inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -1px 0 rgba(58,47,30,0.2), 0 2px 3px rgba(58,47,30,0.28), 0 5px 8px rgba(58,47,30,0.14);
  --shadow-thumb: inset 0 1px 0 rgba(255,255,255,0.8580000000000001), inset 0 -1px 0 rgba(58,47,30,0.16), 0 1px 2px rgba(58,47,30,0.24), 0 3px 4px rgba(58,47,30,0.12);
  --shadow-groove: inset 0 1px 3px rgba(58,47,30,0.36), inset 0 0 0 1px rgba(58,47,30,0.2), 0 1px 0 rgba(255,255,255,0.62);
  --shadow-groove-soft: inset 0 1px 2px rgba(58,47,30,0.34), 0 1px 0 rgba(255,255,255,0.62);
  --shadow-groove-shallow: inset 0 1px 3px rgba(58,47,30,0.32), 0 1px 0 rgba(255,255,255,0.62);
  --shadow-groove-send: inset 0 1px 2px rgba(58,47,30,0.24), 0 1px 0 rgba(255,255,255,0.6060000000000001);
  --shadow-well-deep: inset 0 2px 5px rgba(0,0,0,0.7), inset 0 0 0 1px rgba(0,0,0,0.55), 0 1px 0 rgba(255,255,255,0.85);
  --shadow-well-input: inset 0 2px 4px rgba(58,47,30,0.32), inset 0 0 0 1px rgba(58,47,30,0.24), 0 1px 0 rgba(255,255,255,0.62);
  --shadow-well-value: inset 0 1px 3px rgba(58,47,30,0.34);
  --shadow-segment: inset 0 1px 0 rgba(255,255,255,0.6900000000000001), 0 1px 2px rgba(58,47,30,0.2);
  --shadow-clip: inset 0 1px 0 rgba(255,255,255,0.8580000000000001), inset 0 -1px 0 rgba(58,47,30,0.16), 0 2px 3px rgba(58,47,30,0.22), 0 5px 10px rgba(58,47,30,0.12);
  --shadow-clip-agent: 0 0 0 1px rgba(0,122,124,1), 0 0 14px rgba(0,122,124,0.315);
  --shadow-clip-selected: 0 0 0 1.5px rgba(31,29,25,1);
  --shadow-led-lit: 0 0 4px rgba(255,186,72,.75), 0 0 9px rgba(255,186,72,.28);
  --shadow-led-accent: 0 0 5px rgba(71,214,207,0.63), 0 0 10px rgba(71,214,207,0.27999999999999997);
  --shadow-led-off: inset 0 1px 0 rgba(0,0,0,0.5);
  --shadow-led-empty: inset 0 0 0 1px rgba(255,255,255,0.718);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.76), 0 0 0 1px rgba(58,47,30,0.16), 0 3px 8px rgba(58,47,30,0.16);
  --shadow-glass-agent: inset 0 1px 0 rgba(255,255,255,0.802), 0 0 0 1px rgba(0,122,124,0.315), 0 4px 12px rgba(58,47,30,0.2), 0 0 18px rgba(0,122,124,0.126);
  --shadow-glass-card: inset 0 1px 0 rgba(255,255,255,0.746), 0 0 0 1px rgba(0,122,124,0.24499999999999997), 0 6px 18px rgba(58,47,30,0.18), 0 0 24px rgba(0,122,124,0.08399999999999999);
  --shadow-accent-dot: 0 0 6px rgba(0,122,124,0.63), 0 0 12px rgba(0,122,124,0.27999999999999997);
  --shadow-accent-dot-lg: 0 0 6px rgba(0,122,124,0.63), 0 0 14px rgba(0,122,124,0.315);
  --shadow-accent-bar: 0 0 6px rgba(0,122,124,0.48999999999999994);
  --shadow-playhead: 0 0 5px rgba(0,122,124,0.48999999999999994), 0 0 14px rgba(0,122,124,0.175);
  --shadow-playhead-ruler: 0 0 6px rgba(0,122,124,0.5599999999999999);
  --shadow-header-cell: inset -1px 0 0 rgba(58,47,30,0.24), inset 0 -1px 0 rgba(58,47,30,0.22), inset 0 1px 0 rgba(255,255,255,0.6060000000000001);
  --shadow-header-cell-agent: inset 0 0 0 1px rgba(0,122,124,0.385), inset 0 0 18px rgba(0,122,124,0.08399999999999999), inset -1px 0 0 rgba(58,47,30,0.24), inset 0 -1px 0 rgba(58,47,30,0.22), inset 0 1px 0 rgba(255,255,255,0.6060000000000001);
  --shadow-header-column: inset -1px 0 0 rgba(58,47,30,0.24);
  --shadow-color-strip: inset -1px 0 0 rgba(58,47,30,0.16), inset 1px 0 0 rgba(255,255,255,0.76);
  --shadow-swatch: inset 0 1px 0 rgba(255,255,255,0.9), 0 1px 1px rgba(58,47,30,0.2);
  --shadow-swatch-sm: inset 0 1px 0 rgba(255,255,255,0.8300000000000001), 0 1px 1px rgba(58,47,30,0.2);
  --shadow-traffic-light: inset 0 1px 0 rgba(255,255,255,0.718), 0 1px 1px rgba(58,47,30,0.2);
  --shadow-title-bar: inset 0 -1px 0 rgba(58,47,30,0.2), inset 0 1px 0 rgba(255,255,255,0.62);
  --shadow-transport: inset 0 1px 0 rgba(255,255,255,0.634), 0 2px 6px rgba(58,47,30,0.18);
  --shadow-toolbar: inset 0 -1px 0 rgba(58,47,30,0.24), 0 1px 0 rgba(255,255,255,0.5920000000000001);
  --shadow-toolbar-editor: inset 0 -1px 0 rgba(58,47,30,0.24);
  --shadow-ruler-corner: inset -1px 0 0 rgba(58,47,30,0.24), inset 0 -1px 0 rgba(58,47,30,0.24);
  --shadow-panel-left: inset -1px 0 0 rgba(58,47,30,0.24), inset -2px 0 4px rgba(58,47,30,0.1);
  --shadow-panel-right: inset 1px 0 0 rgba(58,47,30,0.24), inset 2px 0 4px rgba(58,47,30,0.1);
  --shadow-panel-agent: inset 1px 0 0 rgba(58,47,30,0.26), inset 3px 0 6px rgba(58,47,30,0.12);
  --shadow-panel-agent-rail: inset 1px 0 0 rgba(58,47,30,0.26);
  --shadow-editor-pane: 0 -3px 10px rgba(58,47,30,0.2), inset 0 1px 0 rgba(255,255,255,0.634);
  --shadow-key-column: inset -1px 0 0 rgba(58,47,30,0.28);
  --shadow-key-row: inset 0 -1px 0 rgba(58,47,30,0.14);
  --shadow-divider: inset 0 -1px 0 rgba(58,47,30,0.2);
  --shadow-divider-top: inset 0 1px 0 rgba(255,255,255,0.6060000000000001);
  --shadow-log-entry: inset 0 1px 0 rgba(255,255,255,0.6060000000000001), 0 1px 2px rgba(58,47,30,0.14);
  --shadow-log-chip: inset 0 1px 0 rgba(255,255,255,0.718), 0 1px 2px rgba(58,47,30,0.2);
  --shadow-insert: inset 0 1px 0 rgba(255,255,255,0.662), 0 1px 2px rgba(58,47,30,0.2);
  --shadow-insert-empty: inset 0 1px 2px rgba(58,47,30,0.24), 0 1px 0 rgba(255,255,255,0.6060000000000001);
  --shadow-led-insert-off: inset 0 1px 1px rgba(58,47,30,0.32);
  --shadow-window: 0 30px 80px rgba(58,47,30,0.24), 0 0 0 1px rgba(255,255,255,0.634);
  --shadow-send-key: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(58,47,30,0.1), 0 1px 2px rgba(58,47,30,0.24), 0 0 12px rgba(0,122,124,0.27999999999999997);
  --shadow-menu: inset 0 1px 0 rgba(255,255,255,0.662), 0 0 0 1px rgba(58,47,30,0.24), 0 8px 24px rgba(58,47,30,0.22), 0 2px 6px rgba(58,47,30,0.16);
  --shadow-dialog: inset 0 1px 0 rgba(255,255,255,0.718), 0 0 0 1px rgba(58,47,30,0.28), 0 18px 55px rgba(58,47,30,0.24), 0 4px 12px rgba(58,47,30,0.14);
  --shadow-inline-input: inset 0 1px 2px rgba(58,47,30,0.28), 0 0 0 1px rgba(0,122,124,0.42);
  --shadow-note: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(58,47,30,0.12), 0 1px 2px rgba(58,47,30,0.24), 0 2px 4px rgba(58,47,30,0.12);
  --shadow-fader-line-hi: 0 1px 0 rgba(255,255,255,0.746);
  --shadow-milled-hi: 1px 0 0 rgba(255,255,255,0.718);
  --shadow-plate: inset 0 1px 0 rgba(255,255,255,0.6900000000000001), inset 0 -1px 0 rgba(58,47,30,0.2), 0 0 0 1px rgba(58,47,30,0.22), 0 2px 5px rgba(58,47,30,0.16);
  --shadow-focus: 0 0 0 2px rgba(0,122,124,1);
  --fill-glass: rgba(250,247,240,.78);
  --fill-glass-agent: rgba(240,250,248,.82);
  --fill-glass-card: rgba(244,250,248,.86);
  --fill-log-live: rgba(200,229,227,0.7);
  --fill-log-chip-live: rgba(58,47,30,0.08);
  --fill-browser-highlight: rgba(58,47,30,0.09);
  --fill-cycle-ruler: rgba(58,47,30,0.11);
  --fill-cycle-lane: rgba(58,47,30,0.03);
  --fill-clip-title: rgba(58,47,30,0.13);
  --fill-row-shade: rgba(58,47,30,0.035);
  --fill-black-key-row: rgba(58,47,30,0.07);
  --fill-eq-grid-line: rgba(255,255,255,0.05);
  --fill-eq-zero-line: rgba(255,255,255,0.09);
  --fill-velocity: rgba(58,47,30,0.3);
  --fill-drag-ghost: rgba(58,47,30,0.12);
  --fill-pencil-preview: rgba(0,122,124,0.22);
  --fill-cycle-handle: rgba(58,47,30,0.4);
  --fill-drop-target: rgba(0,122,124,0.12);
  --fill-step-cell: rgba(58,47,30,0.07);
  --fill-hover: rgba(58,47,30,0.06);
  --fill-fade-shade: rgba(58,47,30,0.3);
  --fill-fade-handle: rgba(40,33,22,.85);
  --fill-marker-flag: rgba(245,241,236,0.9);
  --line-bar-line: rgba(58,47,30,0.2);
  --line-beat-line: rgba(58,47,30,0.075);
  --line-ruler-bar: rgba(58,47,30,0.4);
  --line-ruler-tick: rgba(58,47,30,0.2);
  --line-cycle-edge: rgba(58,47,30,0.4);
  --line-editor-bar: rgba(58,47,30,0.2);
  --line-editor-beat: rgba(58,47,30,0.075);
  --line-waveform: rgba(40,33,22,.78);
  --line-waveform-mid: rgba(40,33,22,.32);
  --line-midi-note: rgba(40,33,22,.78);
  --line-clip-name: rgba(34,28,18,.92);
  --line-clip-title-bottom: rgba(58,47,30,0.16);
  --line-clip-highlight: rgba(255,255,255,0.7);
  --line-clip-contact: rgba(58,47,30,0.35);
  --line-clip-selected: rgba(24,22,18,1);
  --line-cell-divider: rgba(58,47,30,0.12);
  --line-divider-dark: rgba(58,47,30,0.3);
  --line-lane-top: rgba(255,255,255,0.6);
  --line-lane-bottom: rgba(58,47,30,0.16);
  --line-ruler-bottom: rgba(58,47,30,0.32);
  --line-fader-line: rgba(58,47,30,0.55);
  --line-fader-line-hi: rgba(255,255,255,0.9);
  --line-milled: rgba(58,47,30,0.45);
  --line-milled-hi: rgba(255,255,255,0.9);
  --line-drag-ghost-edge: rgba(58,47,30,0.5);
  --line-note-selected: rgba(19,17,14,1);
  --line-note-highlight: rgba(255,255,255,0.45);
  --line-split-guide: rgba(0,122,124,0.9);
  --line-staff: rgba(58,47,30,0.45);
  --line-note-head: rgba(29,26,22,1);
  --line-border: rgba(58,47,30,0.32);
  --line-border-strong: rgba(58,47,30,0.48);
  --line-hairline: rgba(58,47,30,0.1);
  --line-fade-curve: rgba(40,33,22,.8);
  --line-marker: rgba(169,90,0,1);
  --line-marker-lane: rgba(169,90,0,0.35);
  --blur-glass: 8px;
  --blur-glass-agent: 10px;
  --blur-glass-card: 12px;
  --motion-fast: 80ms;
  --motion-base: 160ms;
  --motion-slow: 260ms;
  --motion-ease: cubic-bezier(0.3, 0, 0.2, 1);
  --motion-enter: cubic-bezier(0.16, 0.84, 0.3, 1);
  --motion-exit: cubic-bezier(0.5, 0, 0.9, 0.4);
  --motion-settle: cubic-bezier(0.3, 1.35, 0.5, 1);
  --display-glow: 0.16;
  --ring-glow: transparent;
  --site-accent-glow: rgba(0,122,124,0.1);
  --site-accent-glow-strong: rgba(0,122,124,0.2);
  color-scheme: light;
  --skeuo-grain: repeating-linear-gradient(90deg, rgba(255,255,255,0.22) 0 1px, transparent 1px 3px);
  --aero-frame: initial;
  --aero-frame-shadow: initial;
  --aero-title: initial;
  --aero-bar: initial;
  --aero-bar-edge: initial;
  --aero-bar-shadow: initial;
  --aero-bar-ink: initial;
  --aero-bar-ink-dim: initial;
  --aero-bar-text-shadow: initial;
  --aero-lcd: initial;
  --aero-lcd-glow: initial;
  --aero-tabs: initial;
  --aero-lime: initial;
  --aero-lime-hover: initial;
  --aero-lime-pressed: initial;
  --aero-lime-ink: initial;
  --aero-lime-text-shadow: initial;
  --aero-lime-shadow: initial;
  --aero-gloss: initial;
  --aero-composer: initial;
  --aero-conversation: initial;
  --aero-input: initial;
}

[data-theme="aero"][data-mode="dark"] {
  --color-desk: rgba(0,15,28,1);
  --color-well-deep: #020d16;
  --color-groove: rgba(0,13,24,1);
  --color-groove-alt: rgba(2,18,30,1);
  --color-timeline-empty: rgba(5,19,28,1);
  --color-timeline: rgba(11,26,36,1);
  --color-timeline-agent: rgba(1,36,33,1);
  --color-timeline-selected: rgba(14,37,52,1);
  --color-editor: rgba(12,27,37,1);
  --color-ruler: rgba(15,35,47,1);
  --color-material-card: rgba(22,42,55,1);
  --color-agent-panel: rgba(13,30,40,1);
  --color-panel: rgba(17,36,48,1);
  --color-log-entry: rgba(24,43,56,1);
  --color-raised: rgba(28,51,66,1);
  --color-control-face: rgba(53,81,99,1);
  --color-control-top: rgba(72,104,125,1);
  --color-control-bottom: rgba(17,44,60,1);
  --color-pressed-top: rgba(0,14,25,1);
  --color-pressed-bottom: rgba(8,31,45,1);
  --color-transport-top: rgba(34,65,84,1);
  --color-transport-bottom: rgba(2,24,38,1);
  --color-segment-top: rgba(38,146,186,1);
  --color-segment-bottom: rgba(0,83,135,1);
  --color-thumb-top: rgba(220,234,244,1);
  --color-thumb-bottom: rgba(94,127,149,1);
  --color-knob-hi: rgba(136,163,181,1);
  --color-knob-lo: rgba(2,24,38,1);
  --color-knob-big-hi: rgba(148,175,194,1);
  --color-knob-big-lo: rgba(2,24,38,1);
  --color-knob-inner-hi: rgba(37,65,82,1);
  --color-knob-inner-lo: rgba(2,24,38,1);
  --color-cap-top: rgba(217,231,241,1);
  --color-cap-mid: rgba(109,139,158,1);
  --color-cap-bottom: rgba(39,70,90,1);
  --color-header-top: rgba(22,42,55,1);
  --color-header-bottom: rgba(13,32,44,1);
  --color-header-selected-top: rgba(17,69,96,1);
  --color-header-selected-bottom: rgba(1,47,72,1);
  --color-header-agent-top: rgba(5,60,52,1);
  --color-header-agent-bottom: rgba(0,42,38,1);
  --color-insert-top: rgba(35,60,77,1);
  --color-insert-bottom: rgba(15,39,53,1);
  --color-chip-top: rgba(43,70,88,1);
  --color-chip-bottom: rgba(18,41,56,1);
  --color-traffic-light: rgba(51,75,91,1);
  --color-ink-bright: rgba(236,250,253,1);
  --color-ink100: rgba(220,237,243,1);
  --color-ink-control: rgba(205,226,234,1);
  --color-ink-dim: rgba(176,201,211,1);
  --color-ink300: rgba(158,185,198,1);
  --color-ink500: rgba(122,151,166,1);
  --color-ink-separator: rgba(56,84,102,1);
  --color-ink-key-white: rgba(70,88,100,1);
  --color-well-ink: #c8f6ff;
  --color-well-ink-dim: #7fc3d8;
  --color-well-ink-faint: #5e93a8;
  --color-key-white: rgba(213,224,231,1);
  --color-key-black: rgba(3,17,27,1);
  --color-led: rgba(145,238,80,1);
  --color-led-off: #0c2a30;
  --color-led-glow: rgba(150,245,90,.85);
  --color-led-glow-soft: rgba(150,245,90,.35);
  --color-led-hot: rgba(251,213,48,1);
  --color-accent: rgba(84,216,244,1);
  --color-accent-hi: rgba(176,246,254,1);
  --color-accent-lo: rgba(0,144,208,1);
  --color-accent-ink: #0c2406;
  --color-note-top: rgba(102,218,244,1);
  --color-note-bottom: rgba(0,137,208,1);
  --color-eq-curve: rgba(138,239,99,1);
  --color-eq-handle: #efffd8;
  --color-eq-fill: rgba(129,217,67,1);
  --color-fam-synth: rgba(182,179,255,1);
  --color-fam-keys: rgba(225,183,92,1);
  --color-fam-bass: rgba(255,157,165,1);
  --color-fam-drums: rgba(252,166,118,1);
  --color-fam-pad: rgba(103,202,255,1);
  --color-fam-sampler: rgba(113,214,163,1);
  --color-fam-texture: rgba(238,160,220,1);
  --color-fam-dynamics: rgba(246,171,107,1);
  --color-fam-eq: rgba(208,170,252,1);
  --color-fam-drive: rgba(255,159,146,1);
  --color-fam-mod: rgba(68,214,214,1);
  --color-fam-space: rgba(136,193,255,1);
  --color-fam-pitch: rgba(248,157,201,1);
  --color-fam-utility: rgba(164,205,121,1);
  --color-neutral-dot: rgba(78,103,120,1);
  --color-menu: rgba(23,46,61,1);
  --color-menu-hover: rgba(2,78,111,1);
  --color-menu-separator: rgba(5,24,36,1);
  --color-indicator: rgba(200,249,255,1);
  --color-danger: rgba(250,104,99,1);
  --color-scrim: rgba(1,8,18,.55);
  --font-ui: 'Segoe UI', 'Lucida Grande', 'Frutiger', 'Trebuchet MS', 'Manrope', sans-serif;
  --tracking-caps: 0.03em;
  --radius-sm: 4px;
  --radius-clip: 6px;
  --radius-button: 6px;
  --radius-md: 7px;
  --radius-control: 9px;
  --radius-lg: 10px;
  --radius-glass: 12px;
  --radius-window: 12px;
  --gradient-raised: radial-gradient(ellipse at 50% 112%, rgba(70,190,255,.55) 0%, transparent 62%), linear-gradient(180deg, rgba(89,121,143,1) 0%, rgba(34,65,84,1) 46%, rgba(0,24,40,1) 50%, rgba(15,47,65,1) 100%);
  --gradient-raised-hover: radial-gradient(ellipse at 50% 112%, rgba(110,215,255,.8) 0%, transparent 62%), linear-gradient(180deg, rgba(111,152,179,1) 0%, rgba(5,93,126,1) 46%, rgba(0,42,76,1) 50%, rgba(0,79,116,1) 100%);
  --gradient-pressed: linear-gradient(180deg, rgba(0,14,25,1), rgba(8,31,45,1));
  --gradient-lit: radial-gradient(ellipse at 50% 112%, rgba(190,255,110,.95) 0%, transparent 62%), linear-gradient(180deg, #c9f58f 0%, #6cb62c 46%, #1f6410 50%, #57a81f 100%);
  --gradient-transport: linear-gradient(180deg, rgba(34,65,84,1), rgba(2,24,38,1));
  --gradient-title-bar: none;
  --gradient-segment: radial-gradient(ellipse at 50% 112%, rgba(140,225,255,.8) 0%, transparent 62%), linear-gradient(180deg, rgba(113,197,223,1) 0%, rgba(0,114,169,1) 46%, rgba(0,58,117,1) 50%, rgba(0,102,161,1) 100%);
  --gradient-thumb: linear-gradient(180deg, rgba(220,234,244,1), rgba(94,127,149,1));
  --gradient-knob: radial-gradient(circle at 50% 28%, rgba(136,163,181,1), rgba(2,24,38,1) 72%);
  --gradient-knob-big: radial-gradient(circle at 50% 25%, rgba(148,175,194,1), rgba(2,24,38,1) 70%);
  --gradient-knob-inner: radial-gradient(circle at 50% 35%, rgba(37,65,82,1), rgba(2,24,38,1));
  --gradient-fader-cap: linear-gradient(180deg, rgba(217,231,241,1), rgba(109,139,158,1) 55%, rgba(39,70,90,1));
  --gradient-header: linear-gradient(180deg, rgba(22,42,55,1), rgba(13,32,44,1));
  --gradient-header-selected: linear-gradient(180deg, rgba(17,69,96,1), rgba(1,47,72,1));
  --gradient-header-agent: linear-gradient(180deg, rgba(5,60,52,1), rgba(0,42,38,1));
  --gradient-panel-header: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.1) 19%, rgba(255,255,255,0.012) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.06999999999999999) 67%, transparent 77%), linear-gradient(180deg, rgba(41,76,98,1), rgba(15,47,65,1) 48%, rgba(0,24,40,1) 50%, rgba(9,42,60,1));
  --gradient-insert: linear-gradient(180deg, rgba(35,60,77,1), rgba(15,39,53,1));
  --gradient-chip: linear-gradient(180deg, rgba(43,70,88,1), rgba(18,41,56,1));
  --gradient-send-key: radial-gradient(ellipse at 50% 112%, rgba(190,255,110,.95) 0%, transparent 62%), linear-gradient(180deg, #c9f58f 0%, #6cb62c 46%, #1f6410 50%, #57a81f 100%);
  --gradient-note: linear-gradient(180deg, rgba(102,218,244,1), rgba(0,137,208,1));
  --gradient-eq-grid: repeating-linear-gradient(90deg, rgba(140,230,255,.07) 0 1px, transparent 1px 42px), linear-gradient(180deg, transparent 36px, rgba(140,230,255,.18) 36px, rgba(140,230,255,.18) 37px, transparent 37px);
  --gradient-dialog: linear-gradient(135deg, rgba(19,46,63,1), rgba(6,29,43,1));
  --gradient-dialog-header: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.14) 19%, rgba(255,255,255,0.016800000000000002) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.098) 67%, transparent 77%), linear-gradient(180deg, #3f6f95, #1d4468 48%, #0c2a48 51%, #1f527a);
  --gradient-plate: linear-gradient(180deg, rgba(24,49,64,1), rgba(12,32,45,1));
  --shadow-raised: inset 0 1px 0 rgba(215,243,255,.5), inset 0 -2px 3px rgba(0,8,20,.55), inset 0 0 0 1px rgba(150,215,255,.1), 0 0 0 1px rgba(1,10,24,.9), 0 2px 4px rgba(0,5,14,.6);
  --shadow-raised-sm: inset 0 1px 0 rgba(215,243,255,.4), 0 0 0 1px rgba(1,10,24,.9), 0 1px 2px rgba(0,5,14,.5);
  --shadow-pressed: inset 0 2px 5px rgba(0,4,12,.8), inset 0 0 0 1px rgba(1,10,24,.9), 0 1px 0 rgba(150,215,255,.14);
  --shadow-lit: inset 0 1px 1px #f4ffd6, inset 0 -2px 4px rgba(10,50,8,.7), 0 0 0 1px #0d3306, 0 0 14px rgba(150,245,90,.5), 0 0 28px rgba(150,245,90,.2);
  --shadow-knob: inset 0 1px 0 rgba(200,238,255,0.352), inset 0 -1px 1px rgba(0,6,16,0.6), 0 2px 3px rgba(0,6,16,0.6), 0 4px 7px rgba(0,6,16,0.3);
  --shadow-knob-big: inset 0 1px 0 rgba(200,238,255,0.396), inset 0 -2px 2px rgba(0,6,16,0.6), 0 3px 4px rgba(0,6,16,0.65), 0 8px 12px rgba(0,6,16,0.35);
  --shadow-knob-inner: inset 0 1px 1px rgba(0,6,16,0.7), 0 1px 0 rgba(200,238,255,0.176);
  --shadow-knob-indicator: inset 0 0 1px rgba(0,6,16,0.9), 0 0 0 1px rgba(0,6,16,0.35);
  --shadow-fader-cap: inset 0 1px 0 rgba(200,238,255,0.550), inset 0 -1px 0 rgba(0,6,16,0.5), 0 2px 3px rgba(0,6,16,0.7), 0 5px 8px rgba(0,6,16,0.35);
  --shadow-thumb: inset 0 1px 0 rgba(200,238,255,0.484), inset 0 -1px 0 rgba(0,6,16,0.4), 0 1px 2px rgba(0,6,16,0.6), 0 3px 4px rgba(0,6,16,0.3);
  --shadow-groove: inset 0 1px 3px rgba(0,4,12,.85), inset 0 0 0 1px rgba(0,6,16,.7), 0 1px 0 rgba(150,215,255,.12);
  --shadow-groove-soft: inset 0 1px 2px rgba(0,6,16,0.85), 0 1px 0 rgba(200,238,255,0.110);
  --shadow-groove-shallow: inset 0 1px 3px rgba(0,6,16,0.8), 0 1px 0 rgba(200,238,255,0.110);
  --shadow-groove-send: inset 0 1px 2px rgba(0,6,16,0.6), 0 1px 0 rgba(200,238,255,0.088);
  --shadow-well-deep: inset 0 2px 6px #000, inset 0 0 0 1px #00121f, 0 1px 0 rgba(150,215,255,.22), 0 0 0 1px rgba(1,10,24,.6);
  --shadow-well-input: inset 0 1px 3px rgba(0,4,12,.7), inset 0 0 0 1px rgba(0,6,16,.75), 0 1px 0 rgba(150,215,255,.1);
  --shadow-well-value: inset 0 1px 3px rgba(0,6,16,0.85);
  --shadow-segment: inset 0 1px 0 rgba(225,246,255,.6), inset 0 0 0 1px rgba(8,30,70,.9), 0 0 10px rgba(80,180,255,.35);
  --shadow-clip: inset 0 1px 0 rgba(200,238,255,0.484), inset 0 -1px 0 rgba(0,6,16,0.4), 0 2px 3px rgba(0,6,16,0.55), 0 5px 10px rgba(0,6,16,0.3);
  --shadow-clip-agent: 0 0 0 1px rgba(84,216,244,1), 0 0 14px rgba(84,216,244,0.5175);
  --shadow-clip-selected: 0 0 0 1.5px rgba(220,237,243,1);
  --shadow-led-lit: 0 0 4px rgba(150,245,90,.85), 0 0 9px rgba(150,245,90,.35);
  --shadow-led-accent: 0 0 5px rgba(251,213,48,1), 0 0 10px rgba(251,213,48,0.45999999999999996);
  --shadow-led-off: inset 0 1px 0 rgba(0,6,16,0.6);
  --shadow-led-empty: inset 0 0 0 1px rgba(200,238,255,0.264);
  --shadow-glass: inset 0 1px 0 rgba(200,238,255,0.330), 0 0 0 1px rgba(0,6,16,0.4), 0 3px 8px rgba(0,6,16,0.4);
  --shadow-glass-agent: inset 0 1px 0 rgba(200,238,255,0.396), 0 0 0 1px rgba(84,216,244,0.5175), 0 4px 12px rgba(0,6,16,0.5), 0 0 18px rgba(84,216,244,0.207);
  --shadow-glass-card: inset 0 1px 0 rgba(200,238,255,0.308), 0 0 0 1px rgba(84,216,244,0.40249999999999997), 0 6px 18px rgba(0,6,16,0.45), 0 0 24px rgba(84,216,244,0.13799999999999998);
  --shadow-accent-dot: 0 0 6px rgba(84,216,244,1), 0 0 12px rgba(84,216,244,0.45999999999999996);
  --shadow-accent-dot-lg: 0 0 6px rgba(84,216,244,1), 0 0 14px rgba(84,216,244,0.5175);
  --shadow-accent-bar: 0 0 6px rgba(84,216,244,0.8049999999999999);
  --shadow-playhead: 0 0 5px rgba(84,216,244,0.8049999999999999), 0 0 14px rgba(84,216,244,0.2875);
  --shadow-playhead-ruler: 0 0 6px rgba(84,216,244,0.9199999999999999);
  --shadow-header-cell: inset -1px 0 0 rgba(0,6,16,0.6), inset 0 -1px 0 rgba(0,6,16,0.55), inset 0 1px 0 rgba(200,238,255,0.088);
  --shadow-header-cell-agent: inset 0 0 0 1px rgba(84,216,244,0.6325), inset 0 0 18px rgba(84,216,244,0.13799999999999998), inset -1px 0 0 rgba(0,6,16,0.6), inset 0 -1px 0 rgba(0,6,16,0.55), inset 0 1px 0 rgba(200,238,255,0.088);
  --shadow-header-column: inset -1px 0 0 rgba(0,6,16,0.6);
  --shadow-color-strip: inset -1px 0 0 rgba(0,6,16,0.4), inset 1px 0 0 rgba(200,238,255,0.330);
  --shadow-swatch: inset 0 1px 0 rgba(200,238,255,0.550), 0 1px 1px rgba(0,6,16,0.5);
  --shadow-swatch-sm: inset 0 1px 0 rgba(200,238,255,0.440), 0 1px 1px rgba(0,6,16,0.5);
  --shadow-traffic-light: inset 0 1px 0 rgba(200,238,255,0.264), 0 1px 1px rgba(0,6,16,0.5);
  --shadow-title-bar: inset 0 -1px 0 rgba(0,6,16,0.5), inset 0 1px 0 rgba(200,238,255,0.110);
  --shadow-transport: inset 0 1px 0 rgba(200,238,255,0.132), 0 2px 6px rgba(0,6,16,0.45);
  --shadow-toolbar: inset 0 -1px 0 rgba(0,6,16,0.6), 0 1px 0 rgba(200,238,255,0.066);
  --shadow-toolbar-editor: inset 0 -1px 0 rgba(0,6,16,0.6);
  --shadow-ruler-corner: inset -1px 0 0 rgba(0,6,16,0.6), inset 0 -1px 0 rgba(0,6,16,0.6);
  --shadow-panel-left: inset -1px 0 0 rgba(0,6,16,0.6), inset -2px 0 4px rgba(0,6,16,0.25);
  --shadow-panel-right: inset 1px 0 0 rgba(0,6,16,0.6), inset 2px 0 4px rgba(0,6,16,0.25);
  --shadow-panel-agent: inset 1px 0 0 rgba(0,6,16,0.65), inset 3px 0 6px rgba(0,6,16,0.3);
  --shadow-panel-agent-rail: inset 1px 0 0 rgba(0,6,16,0.65);
  --shadow-editor-pane: 0 -3px 10px rgba(0,6,16,0.5), inset 0 1px 0 rgba(200,238,255,0.132);
  --shadow-key-column: inset -1px 0 0 rgba(0,6,16,0.7);
  --shadow-key-row: inset 0 -1px 0 rgba(0,6,16,0.35);
  --shadow-divider: inset 0 -1px 0 rgba(0,6,16,0.5);
  --shadow-divider-top: inset 0 1px 0 rgba(200,238,255,0.088);
  --shadow-log-entry: inset 0 1px 0 rgba(200,238,255,0.088), 0 1px 2px rgba(0,6,16,0.35);
  --shadow-log-chip: inset 0 1px 0 rgba(200,238,255,0.264), 0 1px 2px rgba(0,6,16,0.5);
  --shadow-insert: inset 0 1px 0 rgba(200,238,255,0.176), 0 1px 2px rgba(0,6,16,0.5);
  --shadow-insert-empty: inset 0 1px 2px rgba(0,6,16,0.6), 0 1px 0 rgba(200,238,255,0.088);
  --shadow-led-insert-off: inset 0 1px 1px rgba(0,6,16,0.8);
  --shadow-window: 0 30px 80px rgba(0,6,16,0.6), 0 0 0 1px rgba(200,238,255,0.132);
  --shadow-send-key: inset 0 1px 1px #f4ffd6, inset 0 -2px 4px rgba(10,50,8,.7), 0 0 0 1px #0d3306, 0 0 14px rgba(150,245,90,.5), 0 0 28px rgba(150,245,90,.2);
  --shadow-menu: inset 0 1px 0 rgba(200,238,255,.22), 0 0 0 1px rgba(1,10,24,.9), 0 12px 32px rgba(0,4,12,.7);
  --shadow-dialog: inset 0 1px 0 rgba(200,238,255,.3), 0 0 0 1px rgba(1,10,24,.9), 0 0 0 2px rgba(120,200,255,.18), 0 24px 70px rgba(0,4,12,.75);
  --shadow-inline-input: inset 0 1px 2px rgba(0,6,16,0.7), 0 0 0 1px rgba(84,216,244,0.69);
  --shadow-note: inset 0 1px 0 rgba(200,238,255,0.770), inset 0 -1px 0 rgba(0,6,16,0.3), 0 1px 2px rgba(0,6,16,0.6), 0 2px 4px rgba(0,6,16,0.3);
  --shadow-fader-line-hi: 0 1px 0 rgba(200,238,255,0.308);
  --shadow-milled-hi: 1px 0 0 rgba(200,238,255,0.264);
  --shadow-plate: inset 0 1px 0 rgba(200,238,255,0.220), inset 0 -1px 0 rgba(0,6,16,0.5), 0 0 0 1px rgba(0,6,16,0.55), 0 2px 5px rgba(0,6,16,0.4);
  --shadow-focus: 0 0 0 2px rgba(84,216,244,1);
  --fill-glass: rgba(18,44,72,.72);
  --fill-glass-agent: rgba(16,52,78,.78);
  --fill-glass-card: rgba(20,50,80,.82);
  --fill-log-live: rgba(60,190,230,.12);
  --fill-log-chip-live: rgba(0,8,20,.4);
  --fill-browser-highlight: rgba(170,220,255,0.12);
  --fill-cycle-ruler: rgba(150,245,90,.2);
  --fill-cycle-lane: rgba(150,245,90,.035);
  --fill-clip-title: rgba(0,0,0,0.2);
  --fill-row-shade: rgba(170,220,255,0.03);
  --fill-black-key-row: rgba(0,0,0,0.18);
  --fill-eq-grid-line: rgba(140,230,255,.07);
  --fill-eq-zero-line: rgba(140,230,255,.18);
  --fill-velocity: rgba(170,220,255,0.3);
  --fill-drag-ghost: rgba(170,220,255,0.14);
  --fill-pencil-preview: rgba(84,216,244,0.25);
  --fill-cycle-handle: rgba(150,245,90,.85);
  --fill-drop-target: rgba(84,216,244,0.12);
  --fill-step-cell: rgba(170,220,255,0.07);
  --fill-hover: rgba(170,220,255,0.08);
  --fill-fade-shade: rgba(0,0,0,0.38);
  --fill-fade-handle: rgba(255,255,255,0.92);
  --fill-marker-flag: rgba(2,14,28,.72);
  --line-bar-line: rgba(170,220,255,0.1);
  --line-beat-line: rgba(170,220,255,0.035);
  --line-ruler-bar: rgba(170,220,255,0.24);
  --line-ruler-tick: rgba(170,220,255,0.11);
  --line-cycle-edge: rgba(150,245,90,.75);
  --line-editor-bar: rgba(170,220,255,0.11);
  --line-editor-beat: rgba(170,220,255,0.04);
  --line-waveform: rgba(255,255,255,0.8);
  --line-waveform-mid: rgba(255,255,255,0.33);
  --line-midi-note: rgba(255,255,255,0.82);
  --line-clip-name: rgba(255,255,255,0.94);
  --line-clip-title-bottom: rgba(0,0,0,0.25);
  --line-clip-highlight: rgba(255,255,255,0.4);
  --line-clip-contact: rgba(0,0,0,0.5);
  --line-clip-selected: #d8f6ff;
  --line-cell-divider: rgba(170,220,255,0.08);
  --line-divider-dark: rgba(0,0,0,0.55);
  --line-lane-top: rgba(170,220,255,0.04);
  --line-lane-bottom: rgba(0,0,0,0.45);
  --line-ruler-bottom: rgba(0,0,0,0.6);
  --line-fader-line: rgba(2,14,28,.7);
  --line-fader-line-hi: rgba(255,255,255,0.5);
  --line-milled: rgba(2,14,28,.6);
  --line-milled-hi: rgba(255,255,255,0.4);
  --line-drag-ghost-edge: rgba(170,220,255,0.6);
  --line-note-selected: #ffffff;
  --line-note-highlight: rgba(255,255,255,0.5);
  --line-split-guide: rgba(84,216,244,0.9);
  --line-staff: rgba(170,220,255,0.4);
  --line-note-head: rgba(255,255,255,0.92);
  --line-border: rgba(2,12,26,.75);
  --line-border-strong: rgba(130,200,255,.3);
  --line-hairline: rgba(170,220,255,0.07);
  --line-fade-curve: rgba(255,255,255,0.85);
  --line-marker: rgba(247,193,95,1);
  --line-marker-lane: rgba(247,193,95,0.3);
  --blur-glass: 14px;
  --blur-glass-agent: 16px;
  --blur-glass-card: 18px;
  --motion-fast: 90ms;
  --motion-base: 200ms;
  --motion-slow: 340ms;
  --motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --motion-enter: cubic-bezier(0.12, 0.9, 0.24, 1);
  --motion-exit: cubic-bezier(0.45, 0, 0.8, 0.3);
  --motion-settle: cubic-bezier(0.25, 1.25, 0.45, 1);
  --display-glow: 0.3;
  --ring-glow: rgba(84,216,244,0.7);
  --site-accent-glow: rgba(84,216,244,0.07);
  --site-accent-glow-strong: rgba(84,216,244,0.16);
  color-scheme: dark;
  --skeuo-grain: initial;
  --aero-frame: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.1) 19%, rgba(255,255,255,0.012) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.06999999999999999) 67%, transparent 77%), radial-gradient(ellipse at 18% -20%, rgba(90,255,170,.4), transparent 58%), radial-gradient(ellipse at 88% 120%, rgba(60,150,255,.45), transparent 60%), linear-gradient(125deg, #041320, #0a2a4a 55%, #06303a);
  --aero-frame-shadow: inset 0 0 0 1px rgba(150,220,255,.28), inset 0 0 0 2px rgba(0,8,20,.7);
  --aero-title: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.12) 19%, rgba(255,255,255,0.0144) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.08399999999999999) 67%, transparent 77%), linear-gradient(180deg, rgba(150,210,255,.22), rgba(20,60,100,.3) 50%, rgba(2,16,34,.35));
  --aero-bar: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.1) 19%, rgba(255,255,255,0.012) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.06999999999999999) 67%, transparent 77%), linear-gradient(180deg, #3b5f80 0%, #17324e 46%, #07182c 50%, #12405c 100%);
  --aero-bar-edge: #010a16;
  --aero-bar-shadow: inset 0 1px 0 rgba(200,238,255,.45), inset 0 -1px 0 #000a14, 0 2px 8px rgba(0,4,12,.6);
  --aero-bar-ink: #e6f6ff;
  --aero-bar-ink-dim: #a9cbe0;
  --aero-bar-text-shadow: 0 1px 2px #000c18;
  --aero-lcd: linear-gradient(180deg, #01070f, #052033);
  --aero-lcd-glow: 0 0 8px rgba(90,215,255,.45);
  --aero-tabs: linear-gradient(180deg, #2c4f6e, #10283f 48%, #061626 50%, #123752);
  --aero-lime: radial-gradient(ellipse at 50% 112%, rgba(190,255,110,.95) 0%, transparent 62%), linear-gradient(180deg, #c9f58f 0%, #6cb62c 46%, #1f6410 50%, #57a81f 100%);
  --aero-lime-hover: radial-gradient(ellipse at 50% 112%, #d8ff8a 0%, transparent 62%), linear-gradient(180deg, #dcffa9 0%, #80cc3a 46%, #2a7716 50%, #6cc02b 100%);
  --aero-lime-pressed: radial-gradient(ellipse at 50% 112%, rgba(170,245,100,.6) 0%, transparent 62%), linear-gradient(180deg, #2b5a17 0%, #1d4a0e 46%, #2c6a17 50%, #4f9a2a 100%);
  --aero-lime-ink: #ffffff;
  --aero-lime-text-shadow: 0 1px 2px #0c2406;
  --aero-lime-shadow: inset 0 1px 1px #f4ffd6, inset 0 -2px 3px rgba(10,50,8,.7), 0 0 0 1px #0a2a05, 0 0 14px rgba(150,245,90,.45), 0 3px 6px rgba(0,4,12,.6);
  --aero-gloss: linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.1));
  --aero-composer: linear-gradient(180deg, rgba(20,41,54,1), rgba(10,29,41,1));
  --aero-conversation: linear-gradient(90deg, rgba(150,215,255,.05), transparent 24px), rgba(13,30,40,1);
  --aero-input: rgba(2,16,26,1);
}

[data-theme="aero"][data-mode="light"] {
  --color-desk: #7bbbd6;
  --color-well-deep: #0b2230;
  --color-groove: rgba(207,225,233,1);
  --color-groove-alt: rgba(241,248,251,1);
  --color-timeline-empty: rgba(226,235,240,1);
  --color-timeline: rgba(243,248,250,1);
  --color-timeline-agent: rgba(223,247,235,1);
  --color-timeline-selected: rgba(210,235,246,1);
  --color-editor: rgba(235,243,247,1);
  --color-ruler: rgba(225,238,243,1);
  --color-material-card: rgba(246,251,253,1);
  --color-agent-panel: rgba(241,248,251,1);
  --color-panel: rgba(227,239,244,1);
  --color-log-entry: rgba(234,244,248,1);
  --color-raised: rgba(210,231,240,1);
  --color-control-face: rgba(151,183,196,1);
  --color-control-top: #ffffff;
  --color-control-bottom: rgba(195,220,231,1);
  --color-pressed-top: rgba(169,206,222,1);
  --color-pressed-bottom: rgba(218,239,248,1);
  --color-transport-top: #f6fdff;
  --color-transport-bottom: #bad8e8;
  --color-segment-top: rgba(209,246,255,1);
  --color-segment-bottom: rgba(139,204,230,1);
  --color-thumb-top: #ffffff;
  --color-thumb-bottom: rgba(167,195,207,1);
  --color-knob-hi: #ffffff;
  --color-knob-lo: rgba(151,183,196,1);
  --color-knob-big-hi: #ffffff;
  --color-knob-big-lo: rgba(154,186,200,1);
  --color-knob-inner-hi: rgba(228,241,246,1);
  --color-knob-inner-lo: rgba(180,204,214,1);
  --color-cap-top: #ffffff;
  --color-cap-mid: rgba(212,228,235,1);
  --color-cap-bottom: rgba(148,180,193,1);
  --color-header-top: rgba(246,251,253,1);
  --color-header-bottom: rgba(218,233,239,1);
  --color-header-selected-top: rgba(222,249,255,1);
  --color-header-selected-bottom: rgba(172,217,238,1);
  --color-header-agent-top: rgba(230,253,240,1);
  --color-header-agent-bottom: rgba(194,230,213,1);
  --color-insert-top: rgba(246,251,253,1);
  --color-insert-bottom: rgba(195,220,231,1);
  --color-chip-top: #ffffff;
  --color-chip-bottom: rgba(200,223,233,1);
  --color-traffic-light: rgba(176,201,211,1);
  --color-ink-bright: rgba(2,51,71,1);
  --color-ink100: rgba(25,52,65,1);
  --color-ink-control: rgba(30,66,82,1);
  --color-ink-dim: rgba(44,77,91,1);
  --color-ink300: rgba(55,88,102,1);
  --color-ink500: rgba(75,104,117,1);
  --color-ink-separator: rgba(135,167,181,1);
  --color-ink-key-white: rgba(64,93,106,1);
  --color-well-ink: #d6fbb4;
  --color-well-ink-dim: #9fd07f;
  --color-well-ink-faint: #86ab84;
  --color-key-white: #fcfefe;
  --color-key-black: rgba(38,62,73,1);
  --color-led: rgba(123,210,59,1);
  --color-led-off: #1b3a3a;
  --color-led-glow: rgba(140,230,80,.7);
  --color-led-glow-soft: rgba(140,230,80,.25);
  --color-led-hot: rgba(241,203,28,1);
  --color-accent: rgba(0,106,162,1);
  --color-accent-hi: rgba(168,235,251,1);
  --color-accent-lo: rgba(36,160,204,1);
  --color-accent-ink: #102908;
  --color-note-top: rgba(94,182,230,1);
  --color-note-bottom: rgba(0,119,189,1);
  --color-eq-curve: rgba(145,236,125,1);
  --color-eq-handle: #efffd8;
  --color-eq-fill: rgba(123,210,59,1);
  --color-fam-synth: rgba(99,89,181,1);
  --color-fam-keys: rgba(141,96,0,1);
  --color-fam-bass: rgba(170,63,78,1);
  --color-fam-drums: rgba(166,75,0,1);
  --color-fam-pad: rgba(0,115,173,1);
  --color-fam-sampler: rgba(0,128,76,1);
  --color-fam-texture: rgba(152,69,136,1);
  --color-fam-dynamics: rgba(161,80,0,1);
  --color-fam-eq: rgba(124,80,168,1);
  --color-fam-drive: rgba(171,66,56,1);
  --color-fam-mod: rgba(0,128,130,1);
  --color-fam-space: rgba(39,105,183,1);
  --color-fam-pitch: rgba(161,65,116,1);
  --color-fam-utility: rgba(77,120,0,1);
  --color-neutral-dot: rgba(136,164,175,1);
  --color-menu: rgba(246,251,253,1);
  --color-menu-hover: rgba(201,235,248,1);
  --color-menu-separator: rgba(187,210,220,1);
  --color-indicator: rgba(0,56,81,1);
  --color-danger: rgba(208,44,42,1);
  --color-scrim: rgba(12,44,70,.3);
  --font-ui: 'Segoe UI', 'Lucida Grande', 'Frutiger', 'Trebuchet MS', 'Manrope', sans-serif;
  --tracking-caps: 0.03em;
  --radius-sm: 4px;
  --radius-clip: 6px;
  --radius-button: 6px;
  --radius-md: 7px;
  --radius-control: 9px;
  --radius-lg: 10px;
  --radius-glass: 12px;
  --radius-window: 12px;
  --gradient-raised: radial-gradient(ellipse at 50% 112%, rgba(255,255,255,.7) 0%, transparent 62%), linear-gradient(180deg, #ffffff 0%, #d7e6eb 46%, #9bafba 50%, #c6dce5 100%);
  --gradient-raised-hover: radial-gradient(ellipse at 50% 112%, #edffff 0%, transparent 62%), linear-gradient(180deg, #ffffff 0%, #bde3f3 46%, #76afc9 50%, #bceafa 100%);
  --gradient-pressed: linear-gradient(180deg, rgba(169,206,222,1), rgba(218,239,248,1));
  --gradient-lit: radial-gradient(ellipse at 50% 112%, #c4ff70 0%, transparent 62%), linear-gradient(180deg, #e1f8bb 0%, #8ac253 46%, #3a7f1d 50%, #75b533 100%);
  --gradient-transport: linear-gradient(180deg, #f6fdff, #bad8e8);
  --gradient-title-bar: none;
  --gradient-segment: radial-gradient(ellipse at 50% 112%, #f1ffff 0%, transparent 62%), linear-gradient(180deg, #f2fbff 0%, #a9d8ee 46%, #6aa9cb 50%, #a5dcf5 100%);
  --gradient-thumb: linear-gradient(180deg, #ffffff, rgba(167,195,207,1));
  --gradient-knob: radial-gradient(circle at 50% 28%, #ffffff, rgba(151,183,196,1) 72%);
  --gradient-knob-big: radial-gradient(circle at 50% 25%, #ffffff, rgba(154,186,200,1) 70%);
  --gradient-knob-inner: radial-gradient(circle at 50% 35%, rgba(228,241,246,1), rgba(180,204,214,1));
  --gradient-fader-cap: linear-gradient(180deg, #ffffff, rgba(212,228,235,1) 55%, rgba(148,180,193,1));
  --gradient-header: linear-gradient(180deg, rgba(246,251,253,1), rgba(218,233,239,1));
  --gradient-header-selected: linear-gradient(180deg, rgba(222,249,255,1), rgba(172,217,238,1));
  --gradient-header-agent: linear-gradient(180deg, rgba(230,253,240,1), rgba(194,230,213,1));
  --gradient-panel-header: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.5) 19%, rgba(255,255,255,0.06) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.35) 67%, transparent 77%), linear-gradient(180deg, #f3fafc, #d3e4ea 48%, #bcd3dc 50%, #dbebf0);
  --gradient-insert: linear-gradient(180deg, rgba(246,251,253,1), rgba(195,220,231,1));
  --gradient-chip: linear-gradient(180deg, #ffffff, rgba(200,223,233,1));
  --gradient-send-key: radial-gradient(ellipse at 50% 112%, #c4ff70 0%, transparent 62%), linear-gradient(180deg, #e1f8bb 0%, #8ac253 46%, #3a7f1d 50%, #75b533 100%);
  --gradient-note: linear-gradient(180deg, rgba(94,182,230,1), rgba(0,119,189,1));
  --gradient-eq-grid: repeating-linear-gradient(90deg, rgba(160,255,190,.08) 0 1px, transparent 1px 42px), linear-gradient(180deg, transparent 36px, rgba(160,255,190,.2) 36px, rgba(160,255,190,.2) 37px, transparent 37px);
  --gradient-dialog: linear-gradient(135deg, #f4fcff, #e2f0f7);
  --gradient-dialog-header: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.3) 19%, rgba(255,255,255,0.036) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.21) 67%, transparent 77%), linear-gradient(180deg, #8fc3e6, #3f8cc4 48%, #1c6aa8 51%, #4aa3d8);
  --gradient-plate: linear-gradient(180deg, #f8fdff, #dcebf3);
  --shadow-raised: inset 0 1px 0 #ffffffed, inset 0 -2px 3px #32526066, inset 1px 0 1px #ffffffb0, inset -1px 0 1px #ffffff70, 0 0 0 1px #486a7a, 0 2px 3px #132b4266;
  --shadow-raised-sm: inset 0 1px 0 #fff, inset 0 0 0 1px #a0bac8, 0 1px 1px #31546c1f;
  --shadow-pressed: inset 0 1px 3px #31546c40, inset 0 0 0 1px #699eb9, 0 1px 0 #fff;
  --shadow-lit: inset 0 1px 1px #fbffe6, inset 0 -2px 4px #1c521a99, 0 0 0 1px #315d25, 0 2px 4px #112c2460;
  --shadow-knob: inset 0 1px 0 rgba(255,255,255,0.824), inset 0 -1px 1px rgba(28,70,94,0.3), 0 2px 3px rgba(28,70,94,0.3), 0 4px 7px rgba(28,70,94,0.15);
  --shadow-knob-big: inset 0 1px 0 rgba(255,255,255,0.852), inset 0 -2px 2px rgba(28,70,94,0.3), 0 3px 4px rgba(28,70,94,0.325), 0 8px 12px rgba(28,70,94,0.175);
  --shadow-knob-inner: inset 0 1px 1px rgba(28,70,94,0.35), 0 1px 0 rgba(255,255,255,0.712);
  --shadow-knob-indicator: inset 0 0 1px rgba(28,70,94,0.45), 0 0 0 1px rgba(28,70,94,0.175);
  --shadow-fader-cap: inset 0 1px 0 rgba(255,255,255,0.95), inset 0 -1px 0 rgba(28,70,94,0.25), 0 2px 3px rgba(28,70,94,0.35), 0 5px 8px rgba(28,70,94,0.175);
  --shadow-thumb: inset 0 1px 0 rgba(255,255,255,0.9079999999999999), inset 0 -1px 0 rgba(28,70,94,0.2), 0 1px 2px rgba(28,70,94,0.3), 0 3px 4px rgba(28,70,94,0.15);
  --shadow-groove: inset 0 1px 3px #31546c33, inset 0 0 0 1px #a6bfcc, 0 1px 0 #fff;
  --shadow-groove-soft: inset 0 1px 2px rgba(28,70,94,0.425), 0 1px 0 rgba(255,255,255,0.6699999999999999);
  --shadow-groove-shallow: inset 0 1px 3px rgba(28,70,94,0.4), 0 1px 0 rgba(255,255,255,0.6699999999999999);
  --shadow-groove-send: inset 0 1px 2px rgba(28,70,94,0.3), 0 1px 0 rgba(255,255,255,0.6559999999999999);
  --shadow-well-deep: inset 0 2px 5px #000b, 0 1px 0 #ffffffb0, 0 0 0 1px #0d2430;
  --shadow-well-input: inset 0 1px 3px #31546c20, inset 0 0 0 1px #a6bfcc;
  --shadow-well-value: inset 0 1px 3px rgba(28,70,94,0.425);
  --shadow-segment: inset 0 1px 0 #fff, inset 0 0 0 1px #5b93b5, 0 1px 2px #31546c33;
  --shadow-clip: inset 0 1px 0 rgba(255,255,255,0.9079999999999999), inset 0 -1px 0 rgba(28,70,94,0.2), 0 2px 3px rgba(28,70,94,0.275), 0 5px 10px rgba(28,70,94,0.15);
  --shadow-clip-agent: 0 0 0 1px rgba(0,106,162,1), 0 0 14px rgba(0,106,162,0.36000000000000004);
  --shadow-clip-selected: 0 0 0 1.5px rgba(25,52,65,1);
  --shadow-led-lit: 0 0 4px rgba(140,230,80,.7), 0 0 9px rgba(140,230,80,.25);
  --shadow-led-accent: 0 0 5px rgba(241,203,28,0.7200000000000001), 0 0 10px rgba(241,203,28,0.32000000000000006);
  --shadow-led-off: inset 0 1px 0 rgba(28,70,94,0.3);
  --shadow-led-empty: inset 0 0 0 1px rgba(255,255,255,0.768);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.8099999999999999), 0 0 0 1px rgba(28,70,94,0.2), 0 3px 8px rgba(28,70,94,0.2);
  --shadow-glass-agent: inset 0 1px 0 rgba(255,255,255,0.852), 0 0 0 1px rgba(0,106,162,0.36000000000000004), 0 4px 12px rgba(28,70,94,0.25), 0 0 18px rgba(0,106,162,0.144);
  --shadow-glass-card: inset 0 1px 0 rgba(255,255,255,0.796), 0 0 0 1px rgba(0,106,162,0.27999999999999997), 0 6px 18px rgba(28,70,94,0.225), 0 0 24px rgba(0,106,162,0.096);
  --shadow-accent-dot: 0 0 6px rgba(0,106,162,0.7200000000000001), 0 0 12px rgba(0,106,162,0.32000000000000006);
  --shadow-accent-dot-lg: 0 0 6px rgba(0,106,162,0.7200000000000001), 0 0 14px rgba(0,106,162,0.36000000000000004);
  --shadow-accent-bar: 0 0 6px rgba(0,106,162,0.5599999999999999);
  --shadow-playhead: 0 0 5px rgba(0,106,162,0.5599999999999999), 0 0 14px rgba(0,106,162,0.2);
  --shadow-playhead-ruler: 0 0 6px rgba(0,106,162,0.6400000000000001);
  --shadow-header-cell: inset -1px 0 0 #b1cbd8, inset 0 -1px 0 #bed2dd, inset 0 1px 0 #fff;
  --shadow-header-cell-agent: inset 0 0 0 1px rgba(0,106,162,0.44000000000000006), inset 0 0 18px rgba(0,106,162,0.096), inset -1px 0 0 rgba(28,70,94,0.3), inset 0 -1px 0 rgba(28,70,94,0.275), inset 0 1px 0 rgba(255,255,255,0.6559999999999999);
  --shadow-header-column: inset -1px 0 0 rgba(28,70,94,0.3);
  --shadow-color-strip: inset -1px 0 0 rgba(28,70,94,0.2), inset 1px 0 0 rgba(255,255,255,0.8099999999999999);
  --shadow-swatch: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 1px rgba(28,70,94,0.25);
  --shadow-swatch-sm: inset 0 1px 0 rgba(255,255,255,0.8799999999999999), 0 1px 1px rgba(28,70,94,0.25);
  --shadow-traffic-light: inset 0 1px 0 rgba(255,255,255,0.768), 0 1px 1px rgba(28,70,94,0.25);
  --shadow-title-bar: inset 0 -1px 0 rgba(28,70,94,0.25), inset 0 1px 0 rgba(255,255,255,0.6699999999999999);
  --shadow-transport: inset 0 1px 0 rgba(255,255,255,0.6839999999999999), 0 2px 6px rgba(28,70,94,0.225);
  --shadow-toolbar: inset 0 -1px 0 rgba(28,70,94,0.3), 0 1px 0 rgba(255,255,255,0.642);
  --shadow-toolbar-editor: inset 0 -1px 0 rgba(28,70,94,0.3);
  --shadow-ruler-corner: inset -1px 0 0 rgba(28,70,94,0.3), inset 0 -1px 0 rgba(28,70,94,0.3);
  --shadow-panel-left: inset -1px 0 0 #b1cbd8;
  --shadow-panel-right: inset 1px 0 0 #b1cbd8;
  --shadow-panel-agent: inset 1px 0 0 #a6c4d5, -3px 0 12px #30566b0a;
  --shadow-panel-agent-rail: inset 1px 0 0 rgba(28,70,94,0.325);
  --shadow-editor-pane: 0 -2px 6px #30566b16, inset 0 1px 0 #fff;
  --shadow-key-column: inset -1px 0 0 rgba(28,70,94,0.35);
  --shadow-key-row: inset 0 -1px 0 rgba(28,70,94,0.175);
  --shadow-divider: inset 0 -1px 0 #bfd4df;
  --shadow-divider-top: inset 0 1px 0 rgba(255,255,255,0.6559999999999999);
  --shadow-log-entry: inset 0 1px 0 rgba(255,255,255,0.6559999999999999), 0 1px 2px rgba(28,70,94,0.175);
  --shadow-log-chip: inset 0 1px 0 rgba(255,255,255,0.768), 0 1px 2px rgba(28,70,94,0.25);
  --shadow-insert: inset 0 1px 0 rgba(255,255,255,0.712), 0 1px 2px rgba(28,70,94,0.25);
  --shadow-insert-empty: inset 0 1px 2px rgba(28,70,94,0.3), 0 1px 0 rgba(255,255,255,0.6559999999999999);
  --shadow-led-insert-off: inset 0 1px 1px rgba(28,70,94,0.4);
  --shadow-window: 0 30px 80px rgba(28,70,94,0.3), 0 0 0 1px rgba(255,255,255,0.6839999999999999);
  --shadow-send-key: inset 0 1px 1px #fbffe6, inset 0 -2px 4px #1c521a99, 0 0 0 1px #315d25, 0 2px 4px #112c2460;
  --shadow-menu: inset 0 1px 0 #fff, 0 0 0 1px #91b2c5, 0 8px 24px #23475d40;
  --shadow-dialog: inset 0 1px 0 #fff, 0 0 0 1px #6f9db8, 0 18px 55px #193a5266;
  --shadow-inline-input: inset 0 1px 2px rgba(28,70,94,0.35), 0 0 0 1px rgba(0,106,162,0.48);
  --shadow-note: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(28,70,94,0.15), 0 1px 2px rgba(28,70,94,0.3), 0 2px 4px rgba(28,70,94,0.15);
  --shadow-fader-line-hi: 0 1px 0 rgba(255,255,255,0.796);
  --shadow-milled-hi: 1px 0 0 rgba(255,255,255,0.768);
  --shadow-plate: inset 0 1px 0 rgba(255,255,255,0.74), inset 0 -1px 0 rgba(28,70,94,0.25), 0 0 0 1px rgba(28,70,94,0.275), 0 2px 5px rgba(28,70,94,0.2);
  --shadow-focus: 0 0 0 2px rgba(0,106,162,1);
  --fill-glass: rgba(240,251,255,.84);
  --fill-glass-agent: rgba(228,246,255,.9);
  --fill-glass-card: rgba(239,250,255,.94);
  --fill-log-live: #e0f2fa;
  --fill-log-chip-live: #c5e7f4;
  --fill-browser-highlight: rgba(33,123,168,.13);
  --fill-cycle-ruler: rgba(64,155,71,.2);
  --fill-cycle-lane: rgba(64,155,71,.04);
  --fill-clip-title: rgba(255,255,255,.3);
  --fill-row-shade: rgba(28,70,94,0.035);
  --fill-black-key-row: rgba(28,70,94,0.06);
  --fill-eq-grid-line: rgba(160,255,190,.08);
  --fill-eq-zero-line: rgba(160,255,190,.2);
  --fill-velocity: rgba(23,95,135,.45);
  --fill-drag-ghost: rgba(28,70,94,0.14);
  --fill-pencil-preview: rgba(0,106,162,0.22);
  --fill-cycle-handle: rgba(64,155,71,.8);
  --fill-drop-target: rgba(0,106,162,0.1);
  --fill-step-cell: rgba(28,70,94,0.08);
  --fill-hover: rgba(33,123,168,.09);
  --fill-fade-shade: rgba(28,70,94,0.22);
  --fill-fade-handle: #123a55;
  --fill-marker-flag: rgba(255,255,255,.86);
  --line-bar-line: rgba(28,70,94,0.22);
  --line-beat-line: rgba(28,70,94,0.08);
  --line-ruler-bar: rgba(28,70,94,0.38);
  --line-ruler-tick: rgba(28,70,94,0.22);
  --line-cycle-edge: #5a9d45;
  --line-editor-bar: rgba(28,70,94,0.2);
  --line-editor-beat: rgba(28,70,94,0.08);
  --line-waveform: rgba(16,50,74,.8);
  --line-waveform-mid: rgba(16,50,74,.33);
  --line-midi-note: rgba(16,50,74,.8);
  --line-clip-name: #123a55;
  --line-clip-title-bottom: rgba(28,70,94,0.16);
  --line-clip-highlight: rgba(255,255,255,0.85);
  --line-clip-contact: rgba(28,70,94,0.4);
  --line-clip-selected: #0b5a8c;
  --line-cell-divider: rgba(28,70,94,0.12);
  --line-divider-dark: rgba(176,201,211,1);
  --line-lane-top: rgba(255,255,255,0.8);
  --line-lane-bottom: rgba(28,70,94,0.13);
  --line-ruler-bottom: rgba(160,189,200,1);
  --line-fader-line: rgba(28,70,94,0.6);
  --line-fader-line-hi: rgba(255,255,255,0.95);
  --line-milled: rgba(28,70,94,0.5);
  --line-milled-hi: rgba(255,255,255,0.95);
  --line-drag-ghost-edge: rgba(28,70,94,0.55);
  --line-note-selected: #063d63;
  --line-note-highlight: rgba(255,255,255,0.6);
  --line-split-guide: rgba(0,106,162,0.9);
  --line-staff: rgba(120,152,165,1);
  --line-note-head: rgba(30,66,82,1);
  --line-border: rgba(151,183,196,1);
  --line-border-strong: rgba(107,147,163,1);
  --line-hairline: rgba(28,70,94,0.1);
  --line-fade-curve: rgba(16,50,74,.8);
  --line-marker: rgba(174,92,0,1);
  --line-marker-lane: rgba(174,92,0,0.35);
  --blur-glass: 14px;
  --blur-glass-agent: 16px;
  --blur-glass-card: 18px;
  --motion-fast: 90ms;
  --motion-base: 200ms;
  --motion-slow: 340ms;
  --motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --motion-enter: cubic-bezier(0.12, 0.9, 0.24, 1);
  --motion-exit: cubic-bezier(0.45, 0, 0.8, 0.3);
  --motion-settle: cubic-bezier(0.25, 1.25, 0.45, 1);
  --display-glow: 0.22;
  --ring-glow: rgba(0,106,162,0.3);
  --site-accent-glow: rgba(0,106,162,0.1);
  --site-accent-glow-strong: rgba(0,106,162,0.2);
  color-scheme: light;
  --skeuo-grain: initial;
  --aero-frame: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.3) 19%, rgba(255,255,255,0.036) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.21) 67%, transparent 77%), radial-gradient(ellipse at 20% -10%, #b9f08a, transparent 55%), radial-gradient(ellipse at 90% 115%, #9fe9ff, transparent 55%), linear-gradient(125deg, #1b69ad, #2c9bd3 46%, #3cb5ae 78%, #69c159);
  --aero-frame-shadow: inset 0 0 0 1px #e6fbffb0, inset 0 0 0 2px #0e3c5c80;
  --aero-title: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.28) 19%, rgba(255,255,255,0.033600000000000005) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.196) 67%, transparent 77%), linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 50%), linear-gradient(180deg, rgba(5,48,92,.62), rgba(5,48,92,.4));
  --aero-bar: linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.3) 19%, rgba(255,255,255,0.036) 26%, transparent 27%, transparent 66%, rgba(255,255,255,0.21) 67%, transparent 77%), linear-gradient(180deg, #7fa3bd 0%, #3b6384 46%, #1a3f60 50%, #3a7396 100%);
  --aero-bar-edge: #0f3450;
  --aero-bar-shadow: inset 0 1px 0 #f2fcffb0, inset 0 -1px 0 #08243a, 0 2px 5px #0e2c4455;
  --aero-bar-ink: #f4fbff;
  --aero-bar-ink-dim: #cfe4f1;
  --aero-bar-text-shadow: 0 1px 2px rgba(3,30,58,.85);
  --aero-lcd: linear-gradient(180deg, #04141c, #123226);
  --aero-lcd-glow: 0 0 6px rgba(150,235,90,.35);
  --aero-tabs: linear-gradient(180deg, #86a9c2, #44708f 48%, #254f70 50%, #4b86a8);
  --aero-lime: radial-gradient(ellipse at 50% 112%, #c4ff70 0%, transparent 62%), linear-gradient(180deg, #e1f8bb 0%, #8ac253 46%, #3a7f1d 50%, #75b533 100%);
  --aero-lime-hover: radial-gradient(ellipse at 50% 112%, #e1ffa8 0%, transparent 62%), linear-gradient(180deg, #ecffc9 0%, #9bd25f 46%, #468f23 50%, #88c843 100%);
  --aero-lime-pressed: radial-gradient(ellipse at 50% 112%, #b6f279 0%, transparent 62%), linear-gradient(180deg, #40692c 0%, #2b5818 46%, #3c7b22 50%, #6aad42 100%);
  --aero-lime-ink: #ffffff;
  --aero-lime-text-shadow: 0 1px 2px #16310b;
  --aero-lime-shadow: inset 0 1px 1px #f4ffdc, inset 0 -2px 3px #1c521a99, 0 0 0 1px #254e17, 0 3px 5px #10241866;
  --aero-gloss: linear-gradient(180deg, #ffffffed, #ffffff26);
  --aero-composer: linear-gradient(180deg, #eef7fb, #e0eef5);
  --aero-conversation: linear-gradient(90deg, #fff8, transparent 24px), rgba(241,248,251,1);
  --aero-input: #fcfeff;
}