:root,:root[data-theme=standard][data-mode=dark]{color-scheme:dark;--bg: #101115;--panel: #23252b;--panel-edge: #15161a;--hairline: #2c2e35;--hairline-dash: #34363e;--rule: #45474f;--ink: #e2e0d9;--ink-dim: #b6b4ac;--ink-faint: #93918a;--accent: #f0a641;--accent-line: #f0a641;--accent-rgb: 240 166 65;--on-accent: #1a1206;--danger: #d1503a;--on-danger: #0f0803;--unit-top: #2a2c33;--unit-bottom: #202228;--unit-bevel: #3a3c44;--unit-shadow: rgb(0 0 0 / .45);--spine-top: #1b1c21;--spine-bottom: #2c2e35;--rear-top: #1e2025;--rear-bottom: #191a1e;--well: #1a1b20;--recess: rgb(0 0 0 / .22);--recess-soft: rgb(0 0 0 / .17);--recess-edge: #191a1f;--screen-top: #16181d;--screen-bottom: #101115;--screen-edge: #202228;--legend-bg: rgb(16 17 21 / .82);--control: #1b1c21;--control-hover: #24262c;--control-top: #34363e;--control-bottom: #24262c;--control-bevel: #43454d;--control-pressed-top: #1e2025;--control-pressed-bottom: #26282e;--shadow-raised: rgb(0 0 0 / .4);--shadow-pressed: rgb(0 0 0 / .6);--shadow-jack: rgb(0 0 0 / .6);--shadow-hole: rgb(0 0 0 / .9);--field: #16171b;--kbd: #101115;--kbd-edge: #303239;--sunken: #000;--knob-track: #131419;--knob-cap: #33353d;--knob-cap-edge: #15161a;--knob-pointer: #e2e0d9;--key-white: #d7d5cd;--key-black: #17181c;--jack-hi: #4a4d56;--jack-lo: #26282e;--jack-out-hi: #55505a;--jack-out-lo: #2b2730;--jack-ring: #0c0d10;--jack-hole: #08090b;--led-off: #3a2a15;--meter-track: #000;--meter-low: #4ea36b;--meter-high: #d1503a;--wave: #4d5159;--wave-kept: #7d8390;--wave-axis: #2a2c33;--cable-s: 62%;--cable-l: 52%;--cable-end-s: 55%;--cable-end-l: 38%;--cable-drag-s: 70%;--cable-drag-l: 60%;--cable-grip: #d8d6cf;--cable-shadow: rgb(0 0 0 / .5);--cable-hover: brightness(1.3);--scope-grid-c: #22242a;--scope-axis-c: #34373f;--env-mark: #2b2d34}:root[data-theme=standard][data-mode=light]{color-scheme:light;--bg: #e5e5e2;--panel: #f2f2ef;--panel-edge: #b7b7b1;--hairline: #c9c9c2;--hairline-dash: #c2c2ba;--rule: #b5b5ae;--ink: #23252b;--ink-dim: #4f525a;--ink-faint: #64676f;--accent: #e2941f;--accent-line: #9a5f06;--accent-rgb: 226 148 31;--on-accent: #2a1a02;--danger: #bf4128;--on-danger: #fff3ef;--unit-top: #fcfcfa;--unit-bottom: #eaeae6;--unit-bevel: #fff;--unit-shadow: rgb(40 42 48 / .18);--spine-top: #dcdcd6;--spine-bottom: #eeeeea;--rear-top: #e4e4df;--rear-bottom: #d9d9d3;--well: #f0f0ec;--recess: rgb(35 37 43 / .07);--recess-soft: rgb(35 37 43 / .05);--recess-edge: rgb(35 37 43 / .14);--screen-top: #fdfdfb;--screen-bottom: #f0f0ec;--screen-edge: #cfcfc8;--legend-bg: rgb(250 250 247 / .85);--control: #e6e6e1;--control-hover: #dcdcd6;--control-top: #fdfdfb;--control-bottom: #ebebe6;--control-bevel: #fff;--control-pressed-top: #dededa;--control-pressed-bottom: #e9e9e4;--shadow-raised: rgb(40 42 48 / .16);--shadow-pressed: rgb(40 42 48 / .28);--shadow-jack: rgb(40 42 48 / .35);--shadow-hole: rgb(0 0 0 / .55);--field: #fff;--kbd: #fff;--kbd-edge: #c9c9c2;--sunken: rgb(40 42 48 / .35);--knob-track: #d2d2cb;--knob-cap: #f6f6f3;--knob-cap-edge: #aeaea6;--knob-pointer: #3a3c44;--key-white: #fbfbf9;--key-black: #3a3c44;--jack-hi: #cfd1d6;--jack-lo: #a7a9b0;--jack-out-hi: #d2ccd4;--jack-out-lo: #aaa3ae;--jack-ring: #6e7078;--jack-hole: #2a2c31;--led-off: #d6ccb8;--meter-track: #cfcfc8;--meter-low: #3f8f5c;--meter-high: #c0432f;--wave: #a9aab0;--wave-kept: #6f727a;--wave-axis: #d5d5ce;--cable-s: 58%;--cable-l: 42%;--cable-end-s: 62%;--cable-end-l: 30%;--cable-drag-s: 66%;--cable-drag-l: 34%;--cable-grip: #3a3c44;--cable-shadow: rgb(40 42 48 / .22);--cable-hover: brightness(.82) saturate(1.2);--scope-grid-c: #dcdcd5;--scope-axis-c: #b6b6ae;--env-mark: #d3d3cc}:root[data-theme=fall-cafe][data-mode=light]{color-scheme:light;--bg: #dbd1c0;--panel: #f1ece1;--panel-edge: #b4a894;--hairline: #ccc2af;--hairline-dash: #c2b7a2;--rule: #beb39e;--ink: #322620;--ink-dim: #5a4c3e;--ink-faint: #766757;--accent: #c89442;--accent-line: #7e5a14;--accent-rgb: 200 148 66;--on-accent: #2b1d06;--danger: #8c3348;--on-danger: #fff0f2;--unit-top: #f8f5ec;--unit-bottom: #ede7da;--unit-bevel: #fffcf5;--unit-shadow: rgb(70 52 44 / .16);--spine-top: #c5bb9c;--spine-bottom: #dbd3b9;--rear-top: #e6dfcf;--rear-bottom: #dcd4c1;--well: #ebe4d6;--recess: rgb(70 52 44 / .07);--recess-soft: rgb(70 52 44 / .05);--recess-edge: rgb(70 52 44 / .14);--screen-top: #f4f0e6;--screen-bottom: #eae4d6;--screen-edge: #c6baa3;--legend-bg: rgb(244 240 230 / .86);--control: #e7e0d0;--control-hover: #dbd3c0;--control-top: #f8f4ea;--control-bottom: #ece5d7;--control-bevel: #fffcf5;--control-pressed-top: #e0d8c7;--control-pressed-bottom: #eae3d5;--shadow-raised: rgb(70 52 44 / .16);--shadow-pressed: rgb(70 52 44 / .28);--shadow-jack: rgb(70 52 44 / .32);--shadow-hole: rgb(0 0 0 / .5);--field: #fbf8f1;--kbd: #fbf8f1;--kbd-edge: #ccc2af;--sunken: rgb(70 52 44 / .3);--knob-track: #d8cfbb;--knob-cap: #f8f4ea;--knob-cap-edge: #b6a991;--knob-pointer: #322620;--key-white: #fbf7ee;--key-black: #46322a;--jack-hi: #d4cbb4;--jack-lo: #ada288;--jack-out-hi: #d6c9bc;--jack-out-lo: #ae9f8e;--jack-ring: #766a54;--jack-hole: #2a231b;--led-off: #ddcfae;--meter-track: #d8cfbb;--meter-low: #7e8a5e;--meter-high: #8c3348;--wave: #c2b79e;--wave-kept: #8a7a5c;--wave-axis: #d6cdb8;--cable-s: 42%;--cable-l: 36%;--cable-end-s: 46%;--cable-end-l: 25%;--cable-drag-s: 48%;--cable-drag-l: 30%;--cable-grip: #322620;--cable-shadow: rgb(70 52 44 / .2);--cable-hover: brightness(.84) saturate(1.25);--scope-grid-c: #dcd3be;--scope-axis-c: #b9ad94;--env-mark: #d6cdb8}:root[data-theme=fall-cafe][data-mode=dark]{color-scheme:dark;--bg: #17120f;--panel: #241c16;--panel-edge: #100c09;--hairline: #342a20;--hairline-dash: #413427;--rule: #4a3b2c;--ink: #e9dcc2;--ink-dim: #c0ae90;--ink-faint: #9a8a70;--accent: #d8a33f;--accent-line: #d8a33f;--accent-rgb: 216 163 63;--on-accent: #1a1204;--danger: #b04a5e;--on-danger: #fff0f3;--unit-top: #2e241c;--unit-bottom: #241c16;--unit-bevel: #453629;--unit-shadow: rgb(0 0 0 / .5);--spine-top: #211619;--spine-bottom: #4a2c36;--rear-top: #2a211a;--rear-bottom: #1e1712;--well: #1e1712;--recess: rgb(0 0 0 / .24);--recess-soft: rgb(0 0 0 / .18);--recess-edge: #191410;--screen-top: #1c1611;--screen-bottom: #130f0c;--screen-edge: #2a2119;--legend-bg: rgb(23 18 15 / .85);--control: #1f1913;--control-hover: #2a2119;--control-top: #382c22;--control-bottom: #251e17;--control-bevel: #4c3b2c;--control-pressed-top: #191411;--control-pressed-bottom: #241d17;--shadow-raised: rgb(0 0 0 / .45);--shadow-pressed: rgb(0 0 0 / .65);--shadow-jack: rgb(0 0 0 / .6);--shadow-hole: rgb(0 0 0 / .9);--field: #1c1611;--kbd: #130f0c;--kbd-edge: #362a20;--sunken: #000;--knob-track: #130f0c;--knob-cap: #322820;--knob-cap-edge: #100c09;--knob-pointer: #e9dcc2;--key-white: #ddd0b6;--key-black: #191210;--jack-hi: #584936;--jack-lo: #292019;--jack-out-hi: #63523d;--jack-out-lo: #2d2318;--jack-ring: #0b0806;--jack-hole: #060403;--led-off: #3b2a10;--meter-track: #000;--meter-low: #6e7a4a;--meter-high: #b04a5e;--wave: #4c3f2e;--wave-kept: #9e8b69;--wave-axis: #292019;--cable-s: 52%;--cable-l: 50%;--cable-end-s: 48%;--cable-end-l: 34%;--cable-drag-s: 60%;--cable-drag-l: 58%;--cable-grip: #e9dcc2;--cable-shadow: rgb(0 0 0 / .55);--cable-hover: brightness(1.3);--scope-grid-c: #221a14;--scope-axis-c: #3b2e22;--env-mark: #2c2319}:root[data-theme=neon-vice][data-mode=dark]{color-scheme:dark;--bg: #1a0129;--panel: #2e0249;--panel-edge: #16012a;--hairline: #3d0761;--hairline-dash: #4a0a74;--rule: #570a57;--ink: #f0e3fa;--ink-dim: #b7a0cc;--ink-faint: #9e82b8;--accent: #ce05a6;--accent-line: #f806cc;--accent-rgb: 248 6 204;--on-accent: #fff0fb;--danger: #ff5252;--on-danger: #2a0008;--unit-top: #3a0659;--unit-bottom: #2e0249;--unit-bevel: #5c1785;--unit-shadow: rgb(0 0 0 / .55);--spine-top: #260340;--spine-bottom: #570a57;--rear-top: #2a0442;--rear-bottom: #1f0331;--well: #240339;--recess: rgb(0 0 0 / .26);--recess-soft: rgb(0 0 0 / .2);--recess-edge: #1b0230;--screen-top: #1c0230;--screen-bottom: #130120;--screen-edge: #2f0650;--legend-bg: rgb(26 1 41 / .85);--control: #2a0442;--control-hover: #380858;--control-top: #43096a;--control-bottom: #2e0249;--control-bevel: #6a1a95;--control-pressed-top: #1f0333;--control-pressed-bottom: #2a0442;--shadow-raised: rgb(0 0 0 / .5);--shadow-pressed: rgb(0 0 0 / .7);--shadow-jack: rgb(0 0 0 / .65);--shadow-hole: rgb(0 0 0 / .9);--field: #1c0230;--kbd: #150124;--kbd-edge: #3e0763;--sunken: #000;--knob-track: #170126;--knob-cap: #3e0763;--knob-cap-edge: #16012a;--knob-pointer: #f0e3fa;--key-white: #e6d8f2;--key-black: #1b0330;--jack-hi: #6e4a8e;--jack-lo: #33064f;--jack-out-hi: #7b4c97;--jack-out-lo: #3a0959;--jack-ring: #12011e;--jack-hole: #0b0113;--led-off: #3e0733;--meter-track: #000;--meter-low: #6d4aff;--meter-high: #ff5252;--wave: #5b2a72;--wave-kept: #a06bc0;--wave-axis: #33064f;--cable-s: 70%;--cable-l: 58%;--cable-end-s: 62%;--cable-end-l: 40%;--cable-drag-s: 78%;--cable-drag-l: 66%;--cable-grip: #f0e3fa;--cable-shadow: rgb(0 0 0 / .55);--cable-hover: brightness(1.3);--scope-grid-c: #2a0442;--scope-axis-c: #4a0d70;--env-mark: #3a0659}:root[data-theme=neon-vice][data-mode=light]{color-scheme:light;--bg: #c9e8f5;--panel: #edeef7;--panel-edge: #aeb0d6;--hairline: #c9cbe4;--hairline-dash: #bfc1dc;--rule: #b4b6d4;--ink: #241f4d;--ink-dim: #504a80;--ink-faint: #655f99;--accent: #ce1486;--accent-line: #c21580;--accent-rgb: 232 54 159;--on-accent: #fff4fb;--danger: #d61a28;--on-danger: #fff0f1;--unit-top: #fcf6fb;--unit-bottom: #eaecf7;--unit-bevel: #fff;--unit-shadow: rgb(60 56 110 / .16);--spine-top: #c2bfff;--spine-bottom: #deddff;--rear-top: #e0e6f2;--rear-bottom: #d5dcec;--well: #e9e7f4;--recess: rgb(60 56 110 / .07);--recess-soft: rgb(60 56 110 / .05);--recess-edge: rgb(60 56 110 / .14);--screen-top: #f2fdff;--screen-bottom: #e4fbff;--screen-edge: #a9d8e4;--legend-bg: rgb(244 253 255 / .86);--control: #e4e2f2;--control-hover: #d8d5ec;--control-top: #fcf8fd;--control-bottom: #eaeaf6;--control-bevel: #fff;--control-pressed-top: #dcdcf0;--control-pressed-bottom: #e8e8f5;--shadow-raised: rgb(60 56 110 / .16);--shadow-pressed: rgb(60 56 110 / .28);--shadow-jack: rgb(60 56 110 / .32);--shadow-hole: rgb(20 15 50 / .5);--field: #fff;--kbd: #fff;--kbd-edge: #c3c5e0;--sunken: rgb(60 56 110 / .32);--knob-track: #d2d4ea;--knob-cap: #fbf8fd;--knob-cap-edge: #aeaecd;--knob-pointer: #241f4d;--key-white: #fdfbff;--key-black: #2d2760;--jack-hi: #cfd2ec;--jack-lo: #a3a6ce;--jack-out-hi: #e6c9e2;--jack-out-lo: #bb96b4;--jack-ring: #6c6e9b;--jack-hole: #272247;--led-off: #efc9df;--meter-track: #cfd2ea;--meter-low: #00a3c4;--meter-high: #d61a28;--wave: #a9acd0;--wave-kept: #6e68a0;--wave-axis: #d3d5ea;--cable-s: 62%;--cable-l: 45%;--cable-end-s: 66%;--cable-end-l: 32%;--cable-drag-s: 70%;--cable-drag-l: 38%;--cable-grip: #241f4d;--cable-shadow: rgb(60 56 110 / .22);--cable-hover: brightness(.82) saturate(1.2);--scope-grid-c: #c8e9f2;--scope-axis-c: #93c4d4;--env-mark: #d6c6e0}:root[data-theme=mesa][data-mode=light]{color-scheme:light;--bg: #e8cdb0;--panel: #fbebd6;--panel-edge: #c4a481;--hairline: #d6be9e;--hairline-dash: #ccb392;--rule: #c8af8d;--ink: #2f211c;--ink-dim: #5e4436;--ink-faint: #7a5c48;--accent: #e8845a;--accent-line: #a4402a;--accent-rgb: 232 132 90;--on-accent: #35190c;--danger: #8e2016;--on-danger: #fff0ec;--unit-top: #fff5e7;--unit-bottom: #f8e9d2;--unit-bevel: #fff;--unit-shadow: rgb(70 40 30 / .16);--spine-top: #ddbe97;--spine-bottom: #edd6b4;--rear-top: #f2e2c8;--rear-bottom: #e9d6b8;--well: #f5e7cf;--recess: rgb(70 40 30 / .07);--recess-soft: rgb(70 40 30 / .05);--recess-edge: rgb(70 40 30 / .13);--screen-top: #fbf2df;--screen-bottom: #f2e7ce;--screen-edge: #cdba95;--legend-bg: rgb(251 242 223 / .86);--control: #f0e1c8;--control-hover: #e5d3b6;--control-top: #fff7ea;--control-bottom: #f6e8d1;--control-bevel: #fff;--control-pressed-top: #eadac0;--control-pressed-bottom: #f3e5ce;--shadow-raised: rgb(70 40 30 / .16);--shadow-pressed: rgb(70 40 30 / .28);--shadow-jack: rgb(70 40 30 / .32);--shadow-hole: rgb(0 0 0 / .5);--field: #fffaf0;--kbd: #fffaf0;--kbd-edge: #d6be9e;--sunken: rgb(70 40 30 / .3);--knob-track: #e2d0af;--knob-cap: #fff7ea;--knob-cap-edge: #c4af8b;--knob-pointer: #2f211c;--key-white: #fff6e7;--key-black: #3b2820;--jack-hi: #e2d1b0;--jack-lo: #baa37e;--jack-out-hi: #e5cfb6;--jack-out-lo: #bd9f86;--jack-ring: #80674f;--jack-hole: #2c2118;--led-off: #efcbae;--meter-track: #e2d0af;--meter-low: #9dab86;--meter-high: #8e2016;--wave: #ccbc98;--wave-kept: #8e9c79;--wave-axis: #e2d6b7;--cable-s: 50%;--cable-l: 38%;--cable-end-s: 54%;--cable-end-l: 26%;--cable-drag-s: 57%;--cable-drag-l: 32%;--cable-grip: #2f211c;--cable-shadow: rgb(70 40 30 / .2);--cable-hover: brightness(.84) saturate(1.25);--scope-grid-c: #e2d5b4;--scope-axis-c: #bfac88;--env-mark: #dfd2b0}:root[data-theme=mesa][data-mode=dark]{color-scheme:dark;--bg: #201513;--panel: #31211e;--panel-edge: #170f0d;--hairline: #47302b;--hairline-dash: #543a33;--rule: #5c4038;--ink: #e0c097;--ink-dim: #cfad85;--ink-faint: #c2a17c;--accent: #d2552f;--accent-line: #ed8450;--accent-rgb: 237 132 80;--danger: #a32b22;--on-accent: #180d08;--on-danger: #ffeeea;--unit-top: #3c2924;--unit-bottom: #31211e;--unit-bevel: #5a3e33;--unit-shadow: rgb(0 0 0 / .5);--spine-top: #251816;--spine-bottom: #66392a;--rear-top: #352321;--rear-bottom: #281a18;--well: #2a1c19;--recess: rgb(0 0 0 / .24);--recess-soft: rgb(0 0 0 / .18);--recess-edge: #201513;--screen-top: #281a18;--screen-bottom: #1d1312;--screen-edge: #3a2723;--legend-bg: rgb(32 21 19 / .85);--control: #2b1d1a;--control-hover: #382622;--control-top: #4a332c;--control-bottom: #30211e;--control-bevel: #5f4137;--control-pressed-top: #221715;--control-pressed-bottom: #2e201d;--shadow-raised: rgb(0 0 0 / .45);--shadow-pressed: rgb(0 0 0 / .65);--shadow-jack: rgb(0 0 0 / .6);--shadow-hole: rgb(0 0 0 / .9);--field: #231715;--kbd: #1c1211;--kbd-edge: #47302b;--sunken: #000;--knob-track: #1d1312;--knob-cap: #422d28;--knob-cap-edge: #170f0d;--knob-pointer: #e0c097;--key-white: #d9bd97;--key-black: #1b1210;--jack-hi: #6a4c41;--jack-lo: #2e201d;--jack-out-hi: #755447;--jack-out-lo: #33231f;--jack-ring: #100a09;--jack-hole: #090504;--led-off: #43210f;--meter-track: #000;--meter-low: #7c8450;--meter-high: #c0392b;--wave: #66463e;--wave-kept: #a88a63;--wave-axis: #2e201d;--cable-s: 60%;--cable-l: 54%;--cable-end-s: 54%;--cable-end-l: 36%;--cable-drag-s: 68%;--cable-drag-l: 62%;--cable-grip: #e0c097;--cable-shadow: rgb(0 0 0 / .55);--cable-hover: brightness(1.3);--scope-grid-c: #2e201d;--scope-axis-c: #4a332c;--env-mark: #3a2723}:root[data-theme=terminal-80s][data-mode=dark]{color-scheme:dark;--bg: #05100a;--panel: #0a1a10;--panel-edge: #030a06;--hairline: #17381f;--hairline-dash: #1e4a2a;--rule: #255c33;--ink: #a8ffc0;--ink-dim: #4eb866;--ink-faint: #44a058;--accent: #33ff66;--accent-line: #33ff66;--accent-rgb: 51 255 102;--on-accent: #031a08;--danger: #ff5533;--on-danger: #1a0703;--unit-top: #0e2416;--unit-bottom: #091b10;--unit-bevel: #1c4a2c;--unit-shadow: rgb(0 0 0 / .6);--spine-top: #061209;--spine-bottom: #123a20;--rear-top: #0b1d12;--rear-bottom: #071409;--well: #08170e;--recess: rgb(0 0 0 / .3);--recess-soft: rgb(0 0 0 / .22);--recess-edge: #0a1f12;--screen-top: #06150c;--screen-bottom: #030d07;--screen-edge: #12331c;--legend-bg: rgb(5 16 10 / .85);--control: #0b2011;--control-hover: #12301b;--control-top: #163a21;--control-bottom: #0c2413;--control-bevel: #24572f;--control-pressed-top: #071409;--control-pressed-bottom: #0e2615;--shadow-raised: rgb(0 0 0 / .5);--shadow-pressed: rgb(0 0 0 / .7);--shadow-jack: rgb(0 0 0 / .65);--shadow-hole: rgb(0 0 0 / .9);--field: #06150c;--kbd: #030d07;--kbd-edge: #1c4629;--sunken: #000;--knob-track: #061209;--knob-cap: #143019;--knob-cap-edge: #030a06;--knob-pointer: #a8ffc0;--key-white: #8fe3a4;--key-black: #04140a;--jack-hi: #2e6b3e;--jack-lo: #0c2413;--jack-out-hi: #357a47;--jack-out-lo: #0f2b17;--jack-ring: #030905;--jack-hole: #010402;--led-off: #113d1e;--meter-track: #000;--meter-low: #1e9e4a;--meter-high: #ff5533;--wave: #245c33;--wave-kept: #4eb866;--wave-axis: #0f2a18;--cable-s: 70%;--cable-l: 55%;--cable-end-s: 60%;--cable-end-l: 38%;--cable-drag-s: 80%;--cable-drag-l: 66%;--cable-grip: #a8ffc0;--cable-shadow: rgb(0 0 0 / .6);--cable-hover: brightness(1.35);--scope-grid-c: #0f2a18;--scope-axis-c: #1e5230;--env-mark: #16381f}:root[data-theme=terminal-80s][data-mode=light]{color-scheme:light;--bg: #dfc496;--panel: #f2dfb6;--panel-edge: #bc9c64;--hairline: #d2b584;--hairline-dash: #c8aa77;--rule: #c3a470;--ink: #351c02;--ink-dim: #633b07;--ink-faint: #85581a;--accent: #ff7a18;--accent-line: #b04400;--accent-rgb: 255 122 24;--on-accent: #2a1000;--danger: #9e1b0e;--on-danger: #ffefea;--unit-top: #fbedcc;--unit-bottom: #f0dcb1;--unit-bevel: #fff8e4;--unit-shadow: rgb(80 45 5 / .18);--spine-top: #e2c793;--spine-bottom: #efdcb4;--rear-top: #eddcb2;--rear-bottom: #e3cf9f;--well: #eedbb0;--recess: rgb(80 45 5 / .09);--recess-soft: rgb(80 45 5 / .06);--recess-edge: rgb(80 45 5 / .17);--screen-top: #fbefd0;--screen-bottom: #f3e2b8;--screen-edge: #c9aa72;--legend-bg: rgb(251 239 208 / .86);--control: #ebd7ab;--control-hover: #e0c998;--control-top: #fcf0d6;--control-bottom: #f2deb6;--control-bevel: #fff8e4;--control-pressed-top: #e5d0a2;--control-pressed-bottom: #eedcb2;--shadow-raised: rgb(80 45 5 / .18);--shadow-pressed: rgb(80 45 5 / .3);--shadow-jack: rgb(80 45 5 / .34);--shadow-hole: rgb(0 0 0 / .5);--field: #fff7e4;--kbd: #fff7e4;--kbd-edge: #d2b584;--sunken: rgb(80 45 5 / .34);--knob-track: #dcc493;--knob-cap: #fcf0d6;--knob-cap-edge: #bba068;--knob-pointer: #351c02;--key-white: #fdf3dc;--key-black: #40250a;--jack-hi: #dcc38f;--jack-lo: #b29a62;--jack-out-hi: #e0c08a;--jack-out-lo: #b6975e;--jack-ring: #77602f;--jack-hole: #2b1d06;--led-off: #e7c894;--meter-track: #dcc493;--meter-low: #6e8a3a;--meter-high: #9e1b0e;--wave: #c7af7d;--wave-kept: #85581a;--wave-axis: #dcc79a;--cable-s: 62%;--cable-l: 38%;--cable-end-s: 66%;--cable-end-l: 26%;--cable-drag-s: 70%;--cable-drag-l: 32%;--cable-grip: #351c02;--cable-shadow: rgb(80 45 5 / .24);--cable-hover: brightness(.84) saturate(1.3);--scope-grid-c: #e0cc9c;--scope-axis-c: #bfa268;--env-mark: #dcc79a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.4 Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.app{max-width:1040px;margin:0 auto;padding:0 16px 48px}.masthead{position:sticky;top:0;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:9px 12px;border:1px solid var(--panel-edge);border-top:0;border-radius:0 0 4px 4px;background:linear-gradient(180deg,rgb(var(--accent-rgb) / .1),rgb(var(--accent-rgb) / .03)),linear-gradient(180deg,var(--unit-top),var(--unit-bottom));box-shadow:0 2px rgb(var(--accent-rgb) / .5) inset,0 8px 22px var(--unit-shadow)}.masthead-brand{display:flex;align-items:center;gap:9px;padding:5px 11px;border:1px solid var(--panel-edge);border-radius:3px;background:var(--recess);box-shadow:0 0 0 1px var(--recess-edge) inset}.masthead h1{margin:0;font-size:17px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-line)}.masthead .flip-button{margin-left:auto}.tagline{color:var(--ink-dim);font-size:11px}.led{width:7px;height:7px;border-radius:50%;background:var(--led-off);box-shadow:0 0 0 1px var(--sunken) inset;flex:none}.led.on{background:var(--accent-line);box-shadow:0 0 6px var(--accent-line),0 0 0 1px var(--sunken) inset}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:ease}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.menubar{display:flex;align-items:center;gap:2px}.menubar-slot{position:relative}.menubar-label{font:inherit;font-size:11px;letter-spacing:.08em;padding:5px 10px;color:var(--ink-dim);background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;white-space:nowrap}.menubar-label:hover{color:var(--ink);background:var(--control-hover)}.menubar-label.open{color:var(--accent-line);background:rgb(var(--accent-rgb) / .12);border-color:rgb(var(--accent-rgb) / .4)}.menubar-collapsed .menubar-label{font-size:15px;padding:2px 9px}.menu{position:absolute;top:calc(100% + 5px);left:0;z-index:30;min-width:190px;padding:4px;display:flex;flex-direction:column;background:var(--unit-top);border:1px solid var(--panel-edge);border-radius:4px;box-shadow:0 10px 28px var(--unit-shadow),0 0 0 1px var(--sunken) inset}.menu-nested{top:-5px;left:calc(100% - 2px)}.context-menu{position:fixed;z-index:40}.context-menu>.menu{position:static;min-width:170px}.menu-slot{position:relative;display:flex}.menu-slot>.menu-item{flex:1}.menu-item{display:flex;align-items:center;gap:8px;width:100%;font:inherit;font-size:12.5px;text-align:left;padding:5px 8px;color:var(--ink-dim);background:transparent;border:0;border-radius:3px;cursor:pointer;white-space:nowrap}.menu-item:hover,.menu-item:focus{color:var(--ink);background:rgb(var(--accent-rgb) / .15);outline:none}.menu-item:disabled{color:var(--ink-faint);background:transparent;cursor:default}.menu-tick{width:11px;flex:none;color:var(--accent-line);font-size:11px}.menu-text{flex:1}.menu-shortcut{color:var(--ink-faint);font-size:11px;letter-spacing:.04em;padding-left:18px}.menu-more{color:var(--ink-faint);font-size:10px}.menu-separator{height:1px;margin:4px 6px;background:var(--panel-edge)}.rack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.unit-flip{grid-column:span 2}.unit-flip.half{grid-column:span 1}@media(max-width:760px){.patch-name{min-width:0;flex:1}.menu-nested{position:static;margin:2px 0 2px 12px;box-shadow:none}.rack{grid-template-columns:minmax(0,1fr)}.unit-flip,.unit-flip.half{grid-column:span 1}}.unit{display:flex;border:1px solid var(--panel-edge);border-radius:4px;background:linear-gradient(180deg,var(--unit-top),var(--unit-bottom));box-shadow:0 1px 0 var(--unit-bevel) inset,0 4px 14px var(--unit-shadow);overflow:hidden}.unit-spine{width:30px;flex:none;cursor:grab;touch-action:none;background:linear-gradient(90deg,var(--spine-top),var(--spine-bottom));border-right:1px solid var(--panel-edge);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}.unit-id{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.1em;color:var(--ink-faint);font-variant-numeric:tabular-nums}.unit-name{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:600;letter-spacing:.22em;white-space:nowrap;color:var(--ink-dim)}.unit-face{flex:1;display:flex;align-items:center;gap:20px;padding:12px 16px;min-width:0}.unit-face>.controls{flex:1}.controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.knob{display:flex;flex-direction:column;align-items:center;width:58px}.knob svg{cursor:ns-resize;touch-action:none}.knob-track{fill:none;stroke:var(--knob-track);stroke-width:4;stroke-linecap:round}.knob-value{fill:none;stroke:var(--accent-line);stroke-width:4;stroke-linecap:round}.knob-cap{fill:var(--knob-cap);stroke:var(--knob-cap-edge)}.knob-pointer{stroke:var(--knob-pointer);stroke-width:2;stroke-linecap:round}.knob-label{margin-top:3px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.knob-readout{font:inherit;font-size:10px;color:var(--ink-dim);font-variant-numeric:tabular-nums;max-width:100%;padding:0 2px;background:transparent;border:0;border-radius:2px;cursor:text}.knob-readout:hover,.knob-readout:focus-visible{color:var(--ink);background:var(--control-hover);outline:none}.knob-entry{width:100%;text-align:center;color:var(--ink);background:var(--field);border:1px solid var(--accent-line);cursor:text}.knob-entry.bad{border-color:var(--danger)}.switch{display:flex;flex-direction:column;align-items:center}.switch-buttons{display:flex;border:1px solid var(--panel-edge);border-radius:2px;overflow:hidden}.switch-buttons button{font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;color:var(--ink-dim);background:var(--control);border:0;border-right:1px solid var(--panel-edge);cursor:pointer}.switch-buttons button:last-child{border-right:0}.switch-buttons button.active{color:var(--on-accent);background:var(--accent)}.switch .knob-label{margin-top:5px}.mixer{display:flex;align-items:stretch;gap:4px}.strip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;border-radius:3px;background:var(--recess-soft)}.strip-body{flex:1;display:flex;align-items:stretch;gap:4px}.strip-knobs{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.strip-meter{position:relative;width:5px;align-self:stretch;border-radius:2px;background:var(--meter-track);box-shadow:0 0 0 1px var(--sunken) inset;overflow:hidden}.strip-meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--meter-low),var(--accent-line) 72%,var(--meter-high));clip-path:inset(100% 0 0 0)}.strip-master .strip-meter{width:8px}.strip-master{margin-left:10px;background:rgb(var(--accent-rgb) / .07);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .16) inset}.strip-switches{display:flex;gap:3px;justify-content:center;margin-top:5px}.strip-switch{font:inherit;font-size:9px;font-weight:700;letter-spacing:.04em;width:20px;padding:2px 0;color:var(--ink-faint);background:var(--well);border:1px solid var(--recess-edge);border-radius:2px;box-shadow:0 1px 2px var(--recess) inset;cursor:pointer}.strip-switch:hover,.strip-switch:focus-visible{color:var(--ink);border-color:var(--rule);outline:none}.strip-switch.on{color:var(--on-danger);background:var(--danger);border-color:var(--danger);box-shadow:none}.strip-switch.solo.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent-line)}.strip-number{margin-top:2px;font-size:9px;letter-spacing:.1em;color:var(--ink-dim)}.strip .knob-label{font-size:9px;color:var(--ink-dim)}.seq,.seq-steps{display:flex;align-items:stretch;gap:4px}.seq-step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;border-radius:3px;background:var(--recess-soft)}.seq-step-off{opacity:.38}.seq .knob-label{font-size:9px;color:var(--ink-dim)}.seq-lamp-track{width:100%;height:5px;margin-top:2px;border-radius:2px;background:var(--meter-track);box-shadow:0 0 0 1px var(--sunken) inset;overflow:hidden}.seq-lamp{width:100%;height:100%;opacity:0;background:var(--accent-line);box-shadow:0 0 6px var(--accent-line)}.seq-number{margin-top:2px;font-size:9px;letter-spacing:.1em;color:var(--ink-dim);font-variant-numeric:tabular-nums}.seq-controls{display:flex;align-items:flex-end;align-self:center;gap:12px;margin-left:10px;padding:8px 10px 6px;border-radius:3px;background:rgb(var(--accent-rgb) / .07);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .16) inset}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c}.sheet{display:flex;flex-direction:column;width:min(680px,100%);max-height:min(720px,100%);background:var(--unit-top);border:1px solid var(--panel-edge);border-radius:5px;box-shadow:0 24px 60px #0000008c,0 0 0 1px var(--sunken) inset}.sheet-head{display:flex;align-items:flex-start;gap:16px;padding:16px 18px 12px;border-bottom:1px solid var(--hairline)}.sheet-head h2{margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.sheet-note{margin:6px 0 0;max-width:62ch;font-size:12px;line-height:1.5;color:var(--ink-faint)}.sheet-close{flex:none;margin-left:auto;font:inherit;font-size:18px;line-height:1;padding:2px 7px;color:var(--ink-dim);background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer}.sheet-close:hover,.sheet-close:focus-visible{color:var(--ink);border-color:var(--rule);outline:none}.sheet-foot{display:flex;gap:16px;justify-content:space-between;padding:10px 18px;font-size:11px;color:var(--ink-faint);border-top:1px solid var(--hairline)}.sheet-keys{white-space:nowrap}.library{flex:1;overflow-y:auto;margin:0;padding:6px;list-style:none}.library-row{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:9px 11px;font:inherit;text-align:left;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer}.library-row.at,.library-row:focus-visible{background:rgb(var(--accent-rgb) / .1);border-color:rgb(var(--accent-rgb) / .35);outline:none}.library-name{font-size:13px;font-weight:600;letter-spacing:.02em}.library-row.at .library-name{color:var(--accent-line)}.library-tutorial{align-self:center;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.library-description{grid-column:1 / -1;font-size:12px;line-height:1.45;color:var(--ink-dim)}.library-teaches{grid-column:1 / -1;margin-top:1px;font-size:11px;line-height:1.4;color:var(--ink-faint)}.library-teaches:before{content:"Teaches: ";letter-spacing:.04em}.trigger-row{display:flex;flex-direction:column;align-items:center;gap:6px}.trigger{display:flex;align-items:center;gap:10px;font:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:9px 20px;color:var(--ink);background:linear-gradient(180deg,var(--control-top),var(--control-bottom));border:1px solid var(--panel-edge);border-radius:3px;box-shadow:0 1px 0 var(--control-bevel) inset,0 2px 4px var(--shadow-raised);cursor:pointer;touch-action:none}.trigger:active,.trigger.latched{color:var(--accent-line);background:linear-gradient(180deg,var(--control-pressed-top),var(--control-pressed-bottom));box-shadow:0 2px 6px var(--shadow-pressed) inset}.trigger.latched{border-color:var(--accent-line)}.unit-duplicate{font-size:13px}.trigger-cap{font:inherit;font-size:10px;font-weight:600;letter-spacing:.06em;min-width:46px;padding:2px 7px;color:var(--ink-dim);background:var(--well);border:1px solid var(--recess-edge);border-radius:3px;box-shadow:0 1px 2px var(--recess) inset;cursor:pointer}.trigger-cap:hover,.trigger-cap:focus-visible{color:var(--ink);border-color:var(--rule);outline:none}.trigger-cap.unbound{color:var(--ink-faint);font-weight:500;letter-spacing:.08em}.trigger-cap.listening{color:var(--accent-line);border-color:var(--accent-line);background:rgb(var(--accent-rgb) / .07)}.trigger-cap.refused{color:var(--danger);border-color:var(--danger);background:transparent}.rack{position:relative;perspective:2400px}.unit-flip{display:grid;min-width:0;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.7,.2,1)}.unit-flip.flipped{transform:rotateY(180deg)}.unit-flip.dragging{opacity:.35}.unit-flip.dragging .unit{border-style:dashed;border-color:var(--accent-line);box-shadow:none}.rack-ghost{position:fixed;left:0;top:0;z-index:20;display:flex;opacity:.88;pointer-events:none;will-change:transform}.rack-ghost .unit{flex:1;border-color:var(--accent-line);box-shadow:0 1px 0 var(--unit-bevel) inset,0 14px 34px var(--unit-shadow)}.rack-ghost-face{align-items:center;justify-content:center;background:rgb(var(--accent-rgb) / .08)}.rack-ghost-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-line)}.rack.reordering,.rack.reordering .unit-spine,.rack-ghost{cursor:grabbing}.unit-flip>*{grid-area:1 / 1;backface-visibility:hidden;display:flex;min-width:0}.unit-flip>*>.unit{flex:1;min-width:0}.unit-face-back{transform:rotateY(180deg)}.unit-flip:not(.flipped) .unit-face-back{pointer-events:none}.unit-flip.flipped .unit-face-front{pointer-events:none}.flip-button{display:flex;align-items:center;gap:7px;font:inherit;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;color:var(--ink-dim);background:var(--control);border:1px solid var(--panel-edge);border-radius:2px;cursor:pointer}.flip-button:hover{color:var(--ink)}.unit-rear{background:linear-gradient(180deg,var(--rear-top),var(--rear-bottom))}.back-face{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:8px;min-height:64px;padding-right:74px}.jack-block{display:flex;flex-direction:column;gap:5px;min-width:0;padding:4px 8px 6px;border:1px solid var(--recess-edge);border-radius:3px;background:var(--recess-soft)}.jack-block-label{font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-align:center;color:var(--ink-faint)}.jack-block-jacks{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px 12px}.jack-slot{display:flex;flex-direction:column;align-items:center;gap:4px}.jack{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;cursor:crosshair;background:radial-gradient(circle at 35% 30%,var(--jack-hi),var(--jack-lo) 70%);border:1px solid var(--jack-ring);box-shadow:0 1px 2px var(--shadow-jack);touch-action:none}.jack-hole{width:10px;height:10px;border-radius:50%;background:var(--jack-hole);box-shadow:inset 0 1px 2px var(--shadow-hole)}.jack-output{background:radial-gradient(circle at 35% 30%,var(--jack-out-hi),var(--jack-out-lo) 70%)}.jack.occupied .jack-hole{background:var(--accent-line);box-shadow:0 0 5px rgb(var(--accent-rgb) / .55)}.jack.candidate{box-shadow:0 0 0 2px rgb(var(--accent-rgb) / .7),0 0 10px rgb(var(--accent-rgb) / .3)}.jack-label{font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.cables{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}.cable-shadow{fill:none;stroke:var(--cable-shadow);stroke-width:6;stroke-linecap:round}.cable-line{fill:none;stroke:hsl(var(--cable-h) var(--cable-s) var(--cable-l));stroke-width:3.5;stroke-linecap:round}.cable-end{fill:hsl(var(--cable-h) var(--cable-end-s) var(--cable-end-l))}.cable-grip{fill:var(--cable-grip)}.cable.hovered .cable-line{stroke-width:5;filter:var(--cable-hover)}.rack.grabbing-cable{cursor:pointer}.cable-dragging{pointer-events:none}.cable-dragging .cable-line{stroke:hsl(var(--cable-h) var(--cable-drag-s) var(--cable-drag-l));stroke-dasharray:1 0;opacity:.95}.patch-name{margin-left:auto}.patch-name{font:inherit;font-size:12px;letter-spacing:.04em;width:150px;padding:4px 8px;color:var(--ink);background:var(--field);border:1px solid var(--panel-edge);border-radius:2px}.patch-name:focus{outline:none;border-color:var(--accent-line)}.notice{margin:-8px 0 14px;padding:7px 12px;font-size:11px;color:var(--accent-line);background:rgb(var(--accent-rgb) / .09);border:1px solid rgb(var(--accent-rgb) / .25);border-radius:3px}.unit-flip>*{position:relative}.unit-controls{position:absolute;top:6px;right:8px;display:flex;gap:3px;opacity:0;transition:opacity .12s}.unit-face-back:hover .unit-controls,.unit-controls:focus-within{opacity:1}.unit-controls button{font:inherit;font-size:9px;line-height:1;width:18px;height:18px;display:grid;place-items:center;color:var(--ink-dim);background:var(--control);border:1px solid var(--panel-edge);border-radius:2px;cursor:pointer}.unit-controls button:hover{color:var(--ink);background:var(--control-hover)}.unit-controls .unit-remove:hover{color:var(--on-danger);background:var(--danger);border-color:var(--danger)}.panel-cancel{margin-top:10px;padding:5px 12px;font:inherit;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);background:var(--control);border:1px solid var(--panel-edge);border-radius:2px;cursor:pointer}.export-panel,.take-panel{margin-top:6px;padding:12px;background:var(--well);border:1px solid var(--panel-edge);border-radius:4px}.export-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.export-format{display:flex;flex-direction:column;align-items:center;gap:5px}.export-format select{font:inherit;font-size:11px;padding:5px 6px;color:var(--ink);background:var(--field);border:1px solid var(--panel-edge);border-radius:2px}.export-format select:focus{outline:none;border-color:var(--accent-line)}.export-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.export-go{font:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 20px;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:2px;cursor:pointer}.export-go:disabled{opacity:.55;cursor:default}.export-actions .add-cancel{margin-top:0}.export-note{font-size:10px;color:var(--ink-dim)}.take-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.take-title{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.take-link{font:inherit;font-size:10px;padding:0;color:var(--ink-dim);background:none;border:0;border-bottom:1px dotted var(--rule);cursor:pointer}.take-link:hover{color:var(--accent-line);border-color:var(--accent-line)}.take-rows{display:flex;flex-direction:column;gap:3px}.take{display:flex;align-items:center;gap:12px;padding:5px 8px;border-radius:3px;background:var(--recess-soft);opacity:.45}.take.kept{opacity:1}.take.playing{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .5) inset}.take-keep{display:flex;align-items:center;gap:6px;cursor:pointer}.take-keep input{accent-color:var(--accent-line);cursor:pointer}.take-number{font-size:10px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.take-wave{flex:1;min-width:0;height:32px;padding:0;background:none;border:0;cursor:pointer}.waveform{display:block;width:100%;height:32px}.waveform path{fill:var(--wave)}.waveform-axis{stroke:var(--wave-axis);stroke-width:1;vector-effect:non-scaling-stroke}.take.kept .waveform path{fill:var(--wave-kept)}.take.playing .waveform path{fill:var(--accent-line)}.take-meta{font-size:9px;color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.take-panel{margin-top:0}.osc-face{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.osc-row{display:flex;align-items:center;gap:20px}.osc-row .controls{flex:1}.osc-env{padding:10px 12px 12px;border-radius:4px;background:var(--recess);box-shadow:0 0 0 1px var(--recess-edge) inset}.osc-env-head{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.section-label{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.osc-env-note{font-size:10px;color:var(--ink-faint)}.env-graph{display:block;width:100%;height:92px;border-radius:3px;background:linear-gradient(180deg,var(--screen-top),var(--screen-bottom));box-shadow:0 0 0 1px var(--screen-edge) inset}.env-line{fill:none;stroke:var(--accent-line);stroke-width:2;stroke-linejoin:round}.env-mark{stroke:var(--env-mark);stroke-width:1}.osc-env-knobs{margin-top:10px;align-items:flex-start}.osc-amount{margin-left:6px;padding-left:14px;border-left:1px solid var(--hairline)}.scope-face{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.scope-screen-frame{position:relative;padding:8px;border-radius:4px;background:var(--recess);box-shadow:0 0 0 1px var(--recess-edge) inset}.scope-screen{display:block;width:100%;height:128px;border-radius:3px;background:linear-gradient(180deg,var(--screen-top),var(--screen-bottom));box-shadow:0 0 0 1px var(--screen-edge) inset;--scope-line: var(--accent-line);--scope-grid: var(--scope-grid-c);--scope-axis: var(--scope-axis-c)}.scope-legend{position:absolute;right:14px;bottom:14px;padding:2px 5px;border-radius:2px;background:var(--legend-bg);font-size:10px;letter-spacing:.08em;color:var(--ink-dim);pointer-events:none}.rec-face{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.rec-face .export-panel,.rec-face .take-panel{margin:0;border:0;border-radius:4px;background:var(--recess);box-shadow:0 0 0 1px var(--recess-edge) inset}.rec-face .take-rows{max-height:none}.keys-face{flex:1;min-width:0;display:flex;align-items:flex-end;gap:20px}.keys-board{--seam: calc(100% / var(--naturals));position:relative;flex:1;min-width:0;display:flex;height:96px;padding:0;border:1px solid var(--panel-edge);border-radius:3px;background:var(--sunken);touch-action:none;overflow:hidden}.keys-key{flex:1;min-width:0;padding:0;border:0;border-right:1px solid var(--panel-edge);border-radius:0 0 2px 2px;background:var(--key-white);background:linear-gradient(180deg,var(--key-white),color-mix(in srgb,var(--key-white) 88%,var(--sunken)));cursor:pointer;touch-action:none}.keys-key:last-of-type{border-right:0}.keys-key.sharp{position:absolute;top:0;z-index:2;width:calc(var(--seam) * .62);left:calc(var(--seam) * var(--at) - var(--seam) * .31);height:60%;flex:none;border:1px solid var(--sunken);border-radius:0 0 2px 2px;background:var(--key-black);background:linear-gradient(180deg,color-mix(in srgb,var(--key-black) 82%,var(--key-white)),var(--key-black));box-shadow:0 2px 3px var(--shadow-jack)}.keys-key.held{background:var(--accent);background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 80%,var(--sunken)))}.keys-key:focus-visible{outline:2px solid var(--accent-line);outline-offset:-2px}.keys-controls{flex:none;display:flex;align-items:flex-end;gap:16px}.keys-octave,.keys-readout{display:flex;flex-direction:column;align-items:center}.keys-octave{display:grid;grid-template-columns:repeat(3,auto);align-items:center;gap:4px}.keys-octave .knob-label,.keys-readout .knob-label{grid-column:1 / -1}.keys-octave button{font:inherit;font-size:13px;line-height:1;width:24px;height:24px;color:var(--ink-dim);background:var(--control);border:1px solid var(--panel-edge);border-radius:2px;cursor:pointer}.keys-octave button:hover{color:var(--accent-line)}.keys-octave-value{min-width:26px;text-align:center;font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.keys-note{font-size:15px;font-weight:600;color:var(--accent-line)}.keys-pitch{font-size:10px;color:var(--ink-dim);font-variant-numeric:tabular-nums}