@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:block;src:url(/fonts/ibm-plex-mono-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:block;src:url(/fonts/ibm-plex-mono-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/rajdhani-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/rajdhani-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:block;src:url(/fonts/rajdhani-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:block;src:url(/fonts/rajdhani-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/rajdhani-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/rajdhani-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--t-perf: 44rem;--t-key: 40rem;--t-sec: 36rem;--t-floor: 28rem;--row-title: 11rem;--row-enc: 28rem;--fader: 28rem;--knob: 28rem;--thumb: 52rem;--gap-0: 2rem;--gap-1: 3rem;--gap-2: 4rem;--pad-mod: 3rem;--r-cap: 4rem;--r-mod: 5rem;--r-glass: 3rem;--r-rail: 6rem;--r-thumb: 8rem;--seam: 1px;--f-label: 9rem;--f-cap: 9.5rem;--f-value: 10rem;--f-title: 9rem;--f-big: 13rem;--f-numeral: 12rem;--f-bpm: 20rem;--f-learn: max(9px, 9rem);--f-learnbar: max(10px, 10rem);--f-picker: max(11px, 10.5rem);--f-picker-h: max(9px, 9rem);--f-notice: max(11px, 11rem);--f-rotate: 18px;--f-rotate-sub: 14px;--font-ui: "Rajdhani", "Barlow Semi Condensed";--font-mono: "IBM Plex Mono", ui-monospace, monospace;--chassis: #1b2027;--rail: #262c35;--rail-hi: #343c47;--rail-lo: #1f252d;--rail-glass: #0c0f14;--thumb-hi: #20252d;--thumb-lo: #161a20;--panel: #4b5768;--panel-hi: #64738a;--panel-lo: #333b48;--print: #eef2f7;--print-2: #cdd6e2;--print-3: #a9b5c6;--ink: #0f1318;--brass: #d1b066;--brass-lo: #8a7137;--screw-hi: #8f9cae;--screw-lo: #3a424f;--bezel: #3a4352;--index: #f4f7fa;--white: #ffffff;--glass: #06070a;--glass-hi: #0d1117;--glass-edge: #1a1f27;--pad-edge: #1c222b;--pad-hi: #0e1218;--amber: #ffb12b;--amber-2: #d18f22;--amber-3: #5d3d0d;--amber-glow: rgba(255, 177, 43, .45);--amber-shadow: #6b4b10;--amber-ghost-hi: #8a6220;--amber-ghost: #7a5518;--amber-ghost-lo: #5a3f11;--cap: #5d6b7f;--cap-hi: #7d8ea5;--cap-lo: #3a4351;--cap-shadow: #252b34;--cap-text: #f3f6fa;--cap-out-hi: #4d5866;--cap-out: #3f4855;--cap-out-lo: #2f3641;--step-hi: #3c4553;--step: #333b47;--step-lo: #2b323c;--step-shadow: #1c2129;--led-off: #222831;--led-dim: #2b323c;--arc-off: #232a33;--seg-off: #1b2027;--bl-off: #242c37;--bl-beat: #39434f;--ring-face: #0b0e13;--ring-track: #2b333e;--ring-track-empty: #3b4452;--rec-hi: #ff9aa2;--rec-lo: #9c1420;--dub-hi: #ffd0a0;--dub-lo: #8a4310;--dot-empty-hi: #c9c3b8;--dot-empty: #7c756a;--dot-empty-lo: #4d473e;--rec: #ff4a3c;--dub: #ff8d3a;--play: #38e07a;--held: #ff7ea8;--queued: #ffd451;--bypass: #aeb9c8;--sec-a: #5ec5ff;--sec-b: #c78dff;--sec-c: #ffd451;--learn: #5ec5ff;--learn-unassigned: #46586e;--fill: #7f8da2;--warn: #ffd451;--error: #ff4a3c;--info: #5ec5ff;--hue-in: #ffae2a;--hue-out: #3ad3ff;--hue-s1: #b58cff;--hue-s2: #8ea2ff;--hue-s3: #e58cff;--hue-s4: #6ce0ff;--hue-drum: #b7f24a;--hue-keys: #f3ead7;--lab-mix: #8d8470;--sheen-1: rgba(255, 255, 255, .06);--sheen-2: rgba(255, 255, 255, .1);--sheen-3: rgba(255, 255, 255, .16);--sheen-4: rgba(255, 255, 255, .22);--sheen-5: rgba(255, 255, 255, .28);--sheen-6: rgba(255, 255, 255, .35);--shade-1: rgba(0, 0, 0, .2);--shade-2: rgba(0, 0, 0, .35);--shade-3: rgba(0, 0, 0, .45);--shade-4: rgba(0, 0, 0, .6);--shade-5: rgba(0, 0, 0, .7);--shade-6: rgba(0, 0, 0, .9);--mat-rail: linear-gradient(180deg, var(--rail-hi), var(--rail) 3rem, var(--rail) calc(100% - 2rem) , var(--rail-lo));--mat-thumb: linear-gradient(180deg, var(--thumb-hi), var(--thumb-lo));--mat-panel: linear-gradient(180deg, var(--panel-hi) 0, var(--panel) 2.5rem, var(--panel) calc(100% - 2.5rem) , var(--panel-lo) 100%);--mat-cap: linear-gradient(180deg, var(--cap-hi) 0, var(--cap) 22%, var(--cap) 78%, var(--cap-lo) 100%);--mat-glass: radial-gradient(140% 100% at 50% 0%, var(--glass-hi) 0, var(--glass) 65%);--mat-pad: radial-gradient(120% 90% at 50% 30%, var(--pad-hi) 0, var(--glass) 70%);--mat-step: linear-gradient(180deg, var(--step-hi), var(--step) 40%, var(--step-lo));--shadow-mod: inset 0 1rem 0 var(--sheen-3), inset 0 -1rem 0 var(--shade-2), 0 1.5rem 3rem var(--shade-3);--shadow-cap: 0 2rem 0 var(--cap-shadow), inset 0 1rem 0 var(--sheen-4), inset 0 -1rem 0 var(--shade-1);--shadow-cap-down: 0 .5rem 0 var(--cap-shadow), inset 0 1rem 0 var(--sheen-3);--shadow-glass: inset 0 0 0 var(--seam) var(--glass-edge), inset 0 2rem 6rem var(--shade-6), 0 1rem 0 var(--sheen-2);--shadow-pad: inset 0 0 0 var(--seam) var(--pad-edge), inset 0 3rem 10rem var(--shade-6), 0 0 0 2rem var(--bezel), 0 1rem 0 2rem var(--sheen-1);--glow-led: 0 0 4rem var(--white), 0 0 1rem var(--white)}:root[data-theme=cobalt]{--chassis: #171d2b;--rail: #222a3a;--rail-hi: #303c52;--rail-lo: #1b2230;--thumb-hi: #1d2434;--thumb-lo: #131926;--panel: #45546e;--panel-hi: #5f7090;--panel-lo: #2f3a4e;--cap: #56698a;--cap-hi: #768cb0;--cap-lo: #364256;--cap-shadow: #202838;--step-hi: #384561;--step: #303c54;--step-lo: #283245;--bezel: #354262}:root[data-theme=moss]{--chassis: #1a211d;--rail: #252d28;--rail-hi: #333e37;--rail-lo: #1e2521;--thumb-hi: #1f2722;--thumb-lo: #151b18;--panel: #4a5a52;--panel-hi: #647a70;--panel-lo: #333e38;--cap: #5c6d64;--cap-hi: #7c9187;--cap-lo: #3a4640;--cap-shadow: #232b27;--step-hi: #3b4a42;--step: #333f39;--step-lo: #2a342e;--bezel: #3a4a42}:root[data-theme=ivory]{--chassis: #221f1b;--rail: #2d2a25;--rail-hi: #3c3731;--rail-lo: #26231f;--thumb-hi: #27231f;--thumb-lo: #1a1714;--panel: #5a5650;--panel-hi: #776f65;--panel-lo: #3d3a35;--cap: #6b665e;--cap-hi: #8a8378;--cap-lo: #46423c;--cap-shadow: #2a2723;--step-hi: #4a463f;--step: #3f3b35;--step-lo: #33302b;--bezel: #47433d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}html{overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:none;text-size-adjust:none;background:var(--chassis)}body{font-size:8rem;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--chassis);color:var(--print);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0}input,textarea{font:inherit}input[type=search],input[type=text],input[type=number]{-webkit-user-select:text;user-select:text}:focus{outline:none}:focus-visible{outline:1.5rem solid var(--learn);outline-offset:1rem}.pad:focus-visible,.enc:focus-visible,.fader:focus-visible,.kn:focus-visible{outline-offset:-1.5rem}.mod{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:var(--r-mod);padding:var(--pad-mod);background:var(--mat-panel);box-shadow:var(--shadow-mod);display:grid;grid-auto-rows:min-content;gap:var(--gap-0);align-content:start;--hue: var(--print-2)}.mod:before,.mod:after{content:"";position:absolute;top:2.5rem;width:5rem;height:5rem;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 40% 35%,var(--screw-hi),var(--screw-lo) 70%);box-shadow:inset 0 0 0 .6rem var(--shade-3),0 .5rem 0 var(--sheen-2)}.mod:before{left:2.5rem}.mod:after{right:2.5rem}.mod>h2{font:700 var(--f-title) / var(--row-title) var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--print-2);height:var(--row-title);padding:0 8rem;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:4rem}.mod>h2:before{content:"";width:5rem;height:5rem;border-radius:50%;background:var(--hue);box-shadow:0 0 5rem var(--hue);margin-right:1rem;flex:none}.mod>h2 .st{font-weight:600;letter-spacing:.06em;color:var(--print-2);font-size:var(--f-label);display:inline-flex;align-items:center;gap:3rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod>h2 .st i{width:5rem;height:5rem;border-radius:50%;background:currentColor;box-shadow:0 0 5rem currentColor;flex:none}.mod>h2 .st.c-play{color:var(--play)}.mod>h2 .st.c-rec{color:var(--rec)}.mod>h2 .st.c-dub{color:var(--dub)}.mod>h2 .st.c-held{color:var(--held)}.mod>h2 .st.c-q{color:var(--queued)}.mod>h2 .st.c-mute{color:var(--bypass)}.mod>h2 .st.c-a{color:var(--sec-a)}.mod>h2 .st.c-off{color:var(--print-2)}.mod>h2 .st.c-off i{box-shadow:none;background:var(--led-dim)}.mod>h2 .role{color:var(--brass);letter-spacing:.1em}.mod>h2 .rectime,.btn .sub.rectime{font:500 var(--f-label) / 1 var(--font-mono);letter-spacing:0}.mod.v>h2{writing-mode:vertical-rl;transform:rotate(180deg);height:auto;width:var(--row-title);padding:0;justify-content:center;letter-spacing:.06em}.mod.v>h2:before{display:none}.row{display:grid;gap:var(--gap-0);min-width:0;min-height:0;align-items:stretch}.btn{--c: var(--held);position:relative;border:0;border-radius:var(--r-cap);min-width:0;min-height:0;height:var(--h, var(--t-sec));background:var(--mat-cap);box-shadow:var(--shadow-cap);color:var(--cap-text);font:700 var(--f-cap) / 1 var(--font-ui);text-transform:uppercase;letter-spacing:.05em;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:0 2rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.btn:active,.btn.down{transform:translateY(1.5rem);box-shadow:var(--shadow-cap-down)}.btn .led{position:absolute;top:3rem;left:3rem;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--led-off);box-shadow:inset 0 .5rem 1rem var(--shade-5),0 0 0 .5rem var(--shade-1)}.btn .sub{font:600 var(--f-label) / 1 var(--font-ui);letter-spacing:.06em;opacity:.82;white-space:nowrap}.btn .big{font:700 var(--f-big) / 1 var(--font-ui);letter-spacing:0}.btn .lbl{white-space:nowrap}.btn .kb{position:absolute;right:3rem;top:2.5rem;font:600 var(--f-label) / 1 var(--font-mono);color:var(--print-2);opacity:.85}.btn .glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 10rem color-mix(in srgb,var(--c) 45%,transparent)}.btn.on{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 78%,white) 0,var(--c) 25%,var(--c) 75%,color-mix(in srgb,var(--c) 70%,black) 100%);color:var(--ink);box-shadow:0 2rem color-mix(in srgb,var(--c) 40%,black),inset 0 1rem 0 var(--sheen-6)}.btn.on .glow{opacity:1}.btn.on .led{background:var(--white);box-shadow:var(--glow-led)}.btn.on .kb{color:var(--ink)}.btn.dim{opacity:.6}.btn.rec{--c: var(--rec)}.btn.dub{--c: var(--dub)}.btn.play{--c: var(--play)}.btn.q{--c: var(--queued)}.btn.byp{--c: var(--bypass)}.btn.a{--c: var(--sec-a)}.btn.b{--c: var(--sec-b)}.btn.c{--c: var(--sec-c)}.btn.held{--c: var(--held)}.btn.tall{--h: var(--t-perf)}.btn.mid{--h: var(--t-sec)}.btn.low{--h: var(--t-floor)}.btn.fill{--h: auto;height:100%}.btn.blink.on .led,.btn.blink.on .glow{animation:blink 1s steps(2,end) infinite}@keyframes blink{50%{opacity:.25}}.pair{display:grid;grid-template-columns:1fr 1fr;gap:0}.pair .btn:first-child{border-radius:var(--r-cap) 0 0 var(--r-cap)}.pair .btn:last-child{border-radius:0 var(--r-cap) var(--r-cap) 0}.oled,.enc{position:relative;min-width:0;min-height:var(--row-enc);overflow:hidden;border-radius:var(--r-glass);background:var(--mat-glass);box-shadow:var(--shadow-glass);color:var(--amber);font-family:var(--font-mono);padding:1.5rem 5rem 1.5rem 3rem;display:flex;flex-direction:column;justify-content:center;text-shadow:0 0 5rem var(--amber-glow);cursor:pointer;touch-action:none}.enc .l{font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.05em;color:var(--amber-2);text-transform:uppercase;white-space:nowrap;text-shadow:none;overflow:hidden;text-overflow:ellipsis}.enc .l b{color:var(--amber);font-weight:700}.enc .v{font:500 var(--f-value) / 1.1 var(--font-mono);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem}.enc .v.big{font-size:var(--f-numeral)}.enc.dimv .v{color:var(--amber-2)}.enc:after{content:"";position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:1.8rem;height:8rem;border-radius:1rem;background:var(--brass);box-shadow:0 0 0 .6rem var(--shade-5)}.enc.two{flex-direction:row;align-items:center;justify-content:space-between;gap:4rem;padding-right:9rem}.enc.two .l{margin:0}.enc.two .v{margin:0;text-align:right}.enc.chord .v{color:var(--sec-a);text-shadow:0 0 5rem color-mix(in srgb,var(--sec-a) 45%,transparent)}.enc.chord .l{color:color-mix(in srgb,var(--sec-a) 70%,var(--panel-lo))}.enc.static{cursor:default}.enc.static:after{display:none}.enc.centered{align-items:center;text-align:center;padding:2rem 3rem}.enc.centered:after{display:none}.enc.open{box-shadow:var(--shadow-glass),0 0 0 1.5rem var(--brass)}.fader{--v: .5;display:grid;align-items:center;gap:var(--gap-0);min-width:0;touch-action:none;cursor:pointer;position:relative}.fader.h{grid-template-columns:auto 1fr auto;height:var(--fader);min-height:var(--fader)}.fader.v{grid-template-rows:auto 1fr auto;width:var(--fader);min-width:var(--fader);justify-items:center}.fader .fl{font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.08em;color:var(--print-2);text-transform:uppercase;white-space:nowrap}.fader .fv{font:500 var(--f-value) / 1 var(--font-mono);color:var(--amber);background:var(--glass);padding:2rem;border-radius:2rem;box-shadow:inset 0 0 0 var(--seam) var(--glass-edge);min-width:22rem;text-align:center}.fader .trk{position:relative;background:var(--glass);border-radius:3rem;box-shadow:inset 0 0 0 var(--seam) var(--glass-edge),inset 0 1rem 2rem var(--shade-6)}.fader.h .trk{height:8rem}.fader.v .trk{width:8rem;height:100%;min-height:30rem}.fader .trk:before{content:"";position:absolute;background:var(--fill);border-radius:3rem}.fader.h .trk:before{left:0;top:0;bottom:0;width:calc(var(--v) * 100%)}.fader.v .trk:before{left:0;right:0;bottom:0;height:calc(var(--v) * 100%)}.fader .knob{position:absolute;border-radius:3rem;background:linear-gradient(180deg,var(--cap-hi),var(--cap) 40%,var(--cap-lo));box-shadow:0 1.5rem 0 var(--cap-shadow),inset 0 1rem 0 var(--sheen-5)}.fader.h .knob{width:14rem;height:24rem;top:50%;transform:translateY(-50%);left:calc(var(--v) * (100% - 14rem))}.fader.v .knob{height:14rem;width:24rem;left:50%;transform:translate(-50%);bottom:calc(var(--v) * (100% - 14rem))}.fader .knob:after{content:"";position:absolute;background:var(--index);border-radius:1rem}.fader.h .knob:after{left:50%;top:4rem;bottom:4rem;width:1.5rem;transform:translate(-50%)}.fader.v .knob:after{top:50%;left:4rem;right:4rem;height:1.5rem;transform:translateY(-50%)}.fader .ghost{position:absolute;display:none;border-radius:2rem;border:1.5rem dashed var(--learn);opacity:.9;pointer-events:none}.fader.h .ghost{width:14rem;height:24rem;top:50%;transform:translateY(-50%);left:calc(var(--g) * (100% - 14rem))}.fader.v .ghost{height:14rem;width:24rem;left:50%;transform:translate(-50%);bottom:calc(var(--g) * (100% - 14rem))}.fader.pickup .ghost{display:block}.fader.pickup .fv{color:var(--learn)}.kn{--v: .4;display:grid;grid-template-columns:var(--knob) 1fr;grid-template-rows:1fr;align-items:center;gap:var(--gap-0);min-width:0;height:var(--row-enc);cursor:pointer;touch-action:none;position:relative}.kn .ring,.kn .cap{grid-column:1;grid-row:1;width:var(--knob);height:var(--knob);border-radius:50%;align-self:center}.kn .cap{position:relative;background:radial-gradient(circle at 40% 35%,var(--cap-hi),var(--cap) 45%,var(--cap-lo) 100%);box-shadow:0 1.5rem 0 var(--cap-shadow),inset 0 1rem 0 var(--sheen-5),0 0 0 1.5rem var(--led-dim)}.kn .ring{transform:scale(1.28);pointer-events:none;background:conic-gradient(from 225deg,var(--amber) 0 calc(var(--v) * 270deg),var(--arc-off) calc(var(--v) * 270deg) 270deg,transparent 270deg 360deg)}.kn .cap:after{content:"";position:absolute;left:50%;top:2.5rem;width:2rem;height:9rem;border-radius:1rem;background:var(--index);transform-origin:50% calc(var(--knob) / 2 - 2.5rem);transform:translate(-50%) rotate(calc(-135deg + var(--v) * 270deg))}.kn .kt{grid-column:2;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;min-width:0}.kn .fl{font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.08em;color:var(--print-2);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn .fv{font:500 var(--f-value) / 1 var(--font-mono);color:var(--amber);white-space:nowrap}.kn.off .fv{color:var(--print-3)}.kn.off .ring{background:conic-gradient(from 225deg,var(--arc-off) 0 270deg,transparent 270deg 360deg)}.meter{display:grid;grid-auto-rows:1fr;gap:1.5rem;width:9rem;padding:2rem;background:var(--glass);border-radius:2rem;box-shadow:inset 0 0 0 var(--seam) var(--glass-edge);min-height:0}.meter.h{grid-auto-rows:auto;grid-auto-columns:1fr;grid-auto-flow:column;width:auto;height:9rem}.meter i{border-radius:1rem;background:var(--seg-off)}.meter i.lit{background:var(--play);box-shadow:0 0 3rem var(--play)}.meter i:nth-child(-n+2).lit{background:var(--rec);box-shadow:0 0 3rem var(--rec)}.meter i:nth-child(n+3):nth-child(-n+4).lit{background:var(--held);box-shadow:0 0 3rem var(--held)}.pad{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:5rem;background:var(--mat-pad);box-shadow:var(--shadow-pad);touch-action:none;cursor:crosshair;color:var(--amber-2);font-family:var(--font-ui)}.pad canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.pad .lab{position:absolute;font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--hue) 78%,var(--lab-mix));pointer-events:none;white-space:nowrap;z-index:2}.pad .lab.x{right:6rem;bottom:4rem}.pad .lab.y{left:3rem;top:6rem;writing-mode:vertical-rl;transform:rotate(180deg);line-height:1.25}.pad .lab.tl{left:6rem;top:4rem}.pad .lab.tr{right:6rem;top:4rem}.pad .lab.t{top:4rem;left:50%;transform:translate(-50%)}.pad .lab.b{bottom:4rem;left:50%;transform:translate(-50%)}.pad .lab.lm{left:3rem;top:50%;line-height:1.25;writing-mode:vertical-rl;transform:rotate(180deg) translate(50%)}.pad .lab.rm{right:3rem;top:50%;line-height:1.25;writing-mode:vertical-rl;transform:translateY(-50%)}.pad .state{position:absolute;right:6rem;top:4rem;z-index:2;font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.1em;padding:2rem 4rem;border-radius:2rem;color:var(--hue);background:color-mix(in srgb,var(--hue) 14%,transparent);text-transform:uppercase;pointer-events:none}.pad.synth .state{right:auto;left:50%;transform:translate(-50%)}.pad.off{filter:saturate(.2) brightness(.7)}.pad.off .state{color:var(--bypass);background:color-mix(in srgb,var(--bypass) 14%,transparent)}.slice{--h: var(--t-key);--c: var(--play)}.slice .big{font-size:var(--f-numeral);font-family:var(--font-mono)}.slice.out{color:var(--print-2);background:linear-gradient(180deg,var(--cap-out-hi),var(--cap-out) 30%,var(--cap-out) 75%,var(--cap-out-lo))}.slice.out .big{text-decoration:line-through;text-decoration-thickness:1.5rem}.slice.in .led{background:var(--play);box-shadow:0 0 4rem var(--play)}.slice.out .led{background:var(--bypass);box-shadow:0 0 3rem var(--bypass)}.slice.held{--c: var(--held)}.key{--h: auto;height:100%;--c: var(--play)}.key .big{font-size:var(--f-big)}.hit{--h: auto;--c: var(--rec)}.hit .big{font-size:var(--f-numeral)}.steps{display:grid;gap:var(--gap-0);min-width:0}.bank{display:grid;grid-template-columns:26rem repeat(8,1fr);gap:var(--gap-0);align-items:center}.bank .bl{font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.04em;color:var(--print-2);text-transform:uppercase;white-space:nowrap}.bank .led{height:6rem;border-radius:1.5rem;background:var(--seg-off);box-shadow:inset 0 0 0 var(--seam) var(--shade-4)}.bank .led.lit{background:var(--amber);box-shadow:0 0 5rem var(--amber)}.bank .rl{font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:0;color:var(--print-2)}.step{height:var(--t-floor);min-width:var(--t-floor);border-radius:3rem;border:0;cursor:pointer;touch-action:none;position:relative;background:var(--mat-step);box-shadow:inset 0 1rem 0 var(--sheen-1),0 1rem 0 var(--step-shadow)}.step:after{content:"";position:absolute;left:50%;top:50%;width:6rem;height:6rem;border-radius:50%;transform:translate(-50%,-50%);background:var(--seg-off)}.step.on{background:linear-gradient(180deg,color-mix(in srgb,var(--amber) 85%,white),var(--amber) 30%,color-mix(in srgb,var(--amber) 75%,black));box-shadow:0 1rem 0 var(--amber-shadow),0 0 6rem var(--amber-glow)}.step.on:after{background:var(--white)}.step.ghost.on{background:linear-gradient(180deg,var(--amber-ghost-hi),var(--amber-ghost) 30%,var(--amber-ghost-lo))}.step.now{box-shadow:inset 0 0 0 1.5rem var(--print),inset 0 1rem 0 var(--sheen-1),0 1rem 0 var(--step-shadow)}.step.on.now{box-shadow:inset 0 0 0 1.5rem var(--print),0 1rem 0 var(--amber-shadow),0 0 6rem var(--amber-glow)}.rail-bar{display:grid;grid-template-columns:22rem repeat(16,1fr) 22rem;align-items:center;justify-items:stretch;padding:0 6rem;gap:var(--gap-1);background:var(--rail-glass);border-radius:var(--r-mod);min-width:0;min-height:0}.rail-bar .bl{height:5rem;width:70%;margin:0 auto;border-radius:3rem;background:var(--bl-off);box-shadow:inset 0 .5rem 1rem var(--shade-4)}.rail-bar .bl.beat{background:var(--bl-beat);width:82%}.rail-bar .bl.lit{background:var(--play);box-shadow:0 0 7rem var(--play)}.rail-bar .bl.lit.down{background:var(--white);box-shadow:0 0 9rem var(--white)}.rail-bar .bcap{display:block;font:700 var(--f-label) / 1 var(--font-ui);align-self:center;letter-spacing:.1em;color:var(--print-2);text-align:center}.ringrec{--p: 0;--c: var(--play);position:relative;width:var(--t-perf);height:var(--t-perf);border:0;background:none;cursor:pointer;touch-action:none;display:grid;place-items:center;color:var(--print-2)}.ringrec svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ringrec .bg{fill:var(--ring-face);stroke:var(--ring-track);stroke-width:4.5}.ringrec .arc{fill:none;stroke:var(--c);stroke-width:4.5;stroke-linecap:butt;stroke-dasharray:110;stroke-dashoffset:calc(110 * (1 - var(--p)))}.ringrec .dot{width:14rem;height:14rem;border-radius:50%;background:radial-gradient(circle at 38% 34%,var(--rec-hi),var(--rec) 55%,var(--rec-lo));box-shadow:0 0 6rem color-mix(in srgb,var(--rec) 60%,transparent),inset 0 -1rem 1rem var(--shade-2)}.ringrec .rl{position:absolute;bottom:1rem;font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.06em;color:var(--print-2)}.ringrec .n{position:absolute;top:1.5rem;right:2rem;font:700 var(--f-label) / 1 var(--font-ui);color:var(--print-2)}.ringrec.playing{--c: var(--play)}.ringrec.dub,.ringrec.replace{--c: var(--dub)}.ringrec.dub .dot,.ringrec.replace .dot{background:radial-gradient(circle at 38% 34%,var(--dub-hi),var(--dub) 55%,var(--dub-lo))}.ringrec.armed,.ringrec.recording{--c: var(--rec)}.ringrec.recording .dot,.ringrec.armed .dot{animation:blink 1s steps(2,end) infinite}.ringrec.empty .arc{stroke:none}.ringrec.empty .bg{stroke-dasharray:3 3;stroke:var(--ring-track-empty)}.ringrec.empty .dot{background:radial-gradient(circle at 38% 34%,var(--dot-empty-hi),var(--dot-empty) 60%,var(--dot-empty-lo));box-shadow:inset 0 -1rem 1rem var(--shade-2)}.ringrec:active,.ringrec.down{transform:scale(.94)}.qp{min-height:var(--t-floor);border:0;border-radius:3rem;cursor:pointer;touch-action:none;position:relative;background:var(--mat-step);box-shadow:inset 0 1rem 0 var(--sheen-3),0 1rem 0 var(--step-shadow);color:var(--print-2);font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.qp.on{background:linear-gradient(180deg,color-mix(in srgb,var(--hue) 70%,white),var(--hue) 40%);color:var(--ink);box-shadow:0 1rem color-mix(in srgb,var(--hue) 45%,black),0 0 6rem color-mix(in srgb,var(--hue) 40%,transparent)}.qp:active,.qp.down{transform:translateY(1rem)}.tempo{padding:3rem 6rem;justify-content:space-between}.tempo .bpm{font:600 var(--f-bpm) / 1 var(--font-mono);letter-spacing:-.03em;white-space:nowrap;display:flex;align-items:baseline}.tempo .bpm small{font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:.12em;margin-left:2rem;color:var(--amber-2)}.tempo .bpm input{font:600 var(--f-bpm) / 1 var(--font-mono);letter-spacing:-.03em;width:5.2ch;background:transparent;border:0;border-bottom:1.5rem solid var(--amber);color:var(--amber);outline:none;padding:0;text-shadow:none}.tempo .pos{display:flex;align-items:center;justify-content:space-between;font:500 var(--f-label) / 1 var(--font-mono);white-space:nowrap}.tempo .beats{display:flex;gap:2.5rem}.tempo .beats i{width:6rem;height:6rem;border-radius:50%;background:var(--amber-3)}.tempo .beats i.lit{background:var(--amber);box-shadow:0 0 5rem var(--amber)}.tempo.locked .l{color:var(--bypass)}.tempo.locked .bpm{color:var(--print-2)}.tempo.learning-tempo .l{color:var(--rec)}body.learn .btn,body.learn .enc,body.learn .fader,body.learn .pad,body.learn .step,body.learn .ringrec,body.learn .qp,body.learn .kn{outline:1.5rem dashed var(--learn);outline-offset:-1.5rem}body.learn .mod>h2{color:var(--learn)}body.learn [data-learn]{position:relative}body.learn [data-learn]:after{content:attr(data-learn);position:absolute;right:1rem;bottom:1rem;z-index:8;pointer-events:none;font:600 var(--f-learn) / 1 var(--font-mono);letter-spacing:0;color:var(--ink);background:var(--learn);padding:1rem 2rem;border-radius:2rem 0;white-space:nowrap}body.learn [data-learn=""]:after{content:"tap·move";background:var(--learn-unassigned);color:var(--print)}body.learn .enc:after{content:attr(data-learn);width:auto;height:auto;top:auto;transform:none;right:1rem;bottom:1rem;background:var(--learn);box-shadow:none}body.learn .enc[data-learn=""]:after{content:"tap·move";background:var(--learn-unassigned);color:var(--print)}body.learn .step[data-learn]:after{left:auto;top:auto;width:auto;height:auto;transform:none;border-radius:2rem 0}body.learn .learning{outline:2rem solid var(--learn);outline-offset:-2rem;animation:blink 1s steps(2,end) infinite}html body.learn :is(.btn,.enc,.fader,.pad,.step,.ringrec,.qp,.kn):focus-visible{outline:2rem solid var(--print);outline-offset:1rem}html body.learn :is(.pad,.enc,.fader,.kn):focus-visible{outline-offset:-2rem}.picker{position:absolute;z-index:60;width:max(220px,232rem);max-height:min(70vh,470rem);display:none;flex-direction:column;background:var(--glass);border-radius:4rem;box-shadow:inset 0 0 0 var(--seam) var(--glass-edge),0 8rem 24rem var(--shade-5),0 0 0 2rem var(--bezel);color:var(--amber);font:500 var(--f-picker) / 1 var(--font-mono);pointer-events:auto;overflow:hidden}.picker.open{display:flex;animation:pick-in .12s ease-out}@keyframes pick-in{0%{opacity:0;transform:scale(.98)}}.picker .ph{flex:none;background:var(--glass);font:700 var(--f-picker-h) / 1 var(--font-ui);letter-spacing:.1em;color:var(--amber-2);padding:5rem 8rem 4rem;display:flex;justify-content:space-between;gap:6rem;text-transform:uppercase;white-space:nowrap}.picker .ph.foot{padding-top:5rem;padding-bottom:5rem;border-top:var(--seam) solid var(--glass-edge)}.picker .ps{flex:none;padding:0 6rem 4rem}.picker .ps input{width:100%;min-height:max(32px,32rem);background:var(--glass-hi);color:var(--amber);border:var(--seam) solid var(--glass-edge);border-radius:3rem;padding:0 8rem;font:500 var(--f-picker) / 1 var(--font-mono);outline:none}.picker .ps input:focus{border-color:var(--amber-2)}.picker .pl{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 3rem 3rem;scrollbar-width:thin;scrollbar-color:var(--bezel) transparent}.picker .it{padding:0 6rem;min-height:max(44px,44rem);display:flex;align-items:center;justify-content:space-between;border-radius:2rem;cursor:pointer;white-space:nowrap;gap:8rem}.picker .it span{overflow:hidden;text-overflow:ellipsis}.picker .it.cur{background:color-mix(in srgb,var(--amber) 16%,transparent);box-shadow:inset 2rem 0 0 var(--amber)}.picker .it.focus{box-shadow:inset 0 0 0 1.5rem var(--learn)}.picker .it small{color:var(--amber-2);font-size:var(--f-picker-h);flex:none}.picker .pf{font:600 var(--f-picker-h) / 1 var(--font-ui);letter-spacing:.1em;color:var(--amber-2);padding:6rem 5rem 2rem;text-transform:uppercase}.picker .pe{padding:8rem 6rem;color:var(--amber-2)}.notice{position:absolute;left:50%;bottom:8rem;transform:translate(-50%) translateY(4rem);z-index:70;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;max-width:80vw;background:var(--glass);color:var(--print);font:500 var(--f-notice) / 1.2 var(--font-mono);padding:6rem 12rem;border-radius:3rem;box-shadow:inset 0 0 0 var(--seam) var(--glass-edge),0 4rem 14rem var(--shade-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3rem solid var(--info)}.notice.show{opacity:1;transform:translate(-50%) translateY(0)}.notice.warn{border-left-color:var(--warn);color:var(--warn)}.notice.error{border-left-color:var(--error);color:var(--error)}.rotate{display:none;position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--chassis) 94%,transparent);color:var(--print);align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:12px;font:600 var(--f-rotate) / 1.3 var(--font-ui);letter-spacing:.06em;padding:24px;pointer-events:auto}.rotate b{font:500 var(--f-rotate-sub) / 1 var(--font-mono);color:var(--amber)}@media(orientation:portrait){.rotate{display:flex}}@media(prefers-reduced-motion:reduce){.btn.blink.on .led,.btn.blink.on .glow,.ringrec .dot,body.learn .learning{animation:none!important}.notice{transition:none}}:root[data-reduced-motion=true] .btn.blink.on .led,:root[data-reduced-motion=true] .btn.blink.on .glow,:root[data-reduced-motion=true] .ringrec .dot{animation:none!important}html{font-size:min(calc(100vh / 834),calc(100vw / 1194))}html.t10{font-size:min(calc(100vh / 1050),calc(100vw / 1194))}#app{position:fixed;inset:0;overflow:hidden}.surface{position:absolute;inset:0;max-height:924rem;margin:auto;display:grid;grid-template-columns:var(--thumb) 1fr var(--thumb);grid-template-rows:1fr;gap:var(--gap-1);padding:var(--gap-1);grid-template-areas:"thumb-left center thumb-right"}.t10 .surface{max-height:none}.center{grid-area:center;min-width:0;min-height:0;display:grid;grid-template-columns:1fr 274rem;grid-template-rows:78rem 208rem 12rem 44rem minmax(242rem,1.2fr) minmax(213rem,1fr);gap:var(--gap-1);grid-template-areas:"top     top" "tracks  tracks" "bar     bar" "harm    src" "synth   drums" "fx      drums"}.t10 .center{grid-template-rows:78rem 419rem 12rem 44rem minmax(242rem,1.2fr) minmax(213rem,1fr)}.rail{display:grid;gap:var(--gap-1);min-width:0;min-height:0;position:relative;border-radius:var(--r-rail);background:var(--mat-rail)}.rail-top{grid-area:top;grid-template-columns:208rem 176rem 1fr 190rem;grid-template-areas:"transport input keys presets"}.rail-tracks{grid-area:tracks;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr}#region-barrail{grid-area:bar;display:grid;min-width:0;min-height:0}.rail-harm{grid-area:harm;grid-template-columns:1fr auto;grid-template-areas:"harmony synthshared"}.rail-src{grid-area:src;grid-template-columns:1fr;grid-template-areas:"recsrc"}.rail-synth{grid-area:synth;grid-template-columns:repeat(4,1fr);grid-template-areas:"synth-1 synth-2 synth-3 synth-4"}.rail-fx{grid-area:fx;grid-template-columns:1fr 1fr 56rem 1fr 1fr;grid-template-areas:"fx-inA fx-inB route fx-outA fx-outB"}.rail-drums{grid-area:drums;grid-template-columns:1fr;grid-template-areas:"drums"}.thumb{display:flex;flex-direction:column;gap:var(--gap-1);min-width:0;min-height:0;padding:var(--gap-1) 4rem;position:relative;background:var(--mat-thumb);border-radius:var(--r-thumb);box-shadow:inset 0 1rem 0 var(--sheen-1),inset 0 -1rem 0 var(--shade-4)}.thumb.l{grid-area:thumb-left}.thumb.r{grid-area:thumb-right}.thumb .th-tag{font:700 var(--f-label) / 1 var(--font-ui);letter-spacing:0;color:var(--print-2);text-transform:uppercase;text-align:center;flex:none;padding:1rem 0;white-space:nowrap;overflow:hidden}.thumb .btn{flex:1 1 0;height:auto;min-height:var(--t-perf);border-radius:5rem}.thumb .btn.sess{flex:.8 1 0;min-height:var(--t-sec)}.thumb .thumb-keys{display:flex;flex-direction:column;gap:var(--gap-1);flex:1 1 0;min-height:0;min-width:0}.thumb.r .thumb-keys{flex:7 1 0}.thumb .session{display:flex;flex-direction:column;gap:var(--gap-1);flex:4.8 1 0;min-height:0;min-width:0}.thumb .session .btn{flex:1 1 0}.region{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;min-width:0;min-height:0}.region>.mod{min-height:0}#region-transport{grid-area:transport}#region-input{grid-area:input}#region-keys{grid-area:keys}#region-presets{grid-area:presets}#region-harmony{grid-area:harmony}#region-synthshared{grid-area:synthshared}#region-recsrc{grid-area:recsrc}#region-synth-1{grid-area:synth-1}#region-synth-2{grid-area:synth-2}#region-synth-3{grid-area:synth-3}#region-synth-4{grid-area:synth-4}#region-fx-inA{grid-area:fx-inA}#region-fx-inB{grid-area:fx-inB}#region-route{grid-area:route}#region-fx-outA{grid-area:fx-outA}#region-fx-outB{grid-area:fx-outB}#region-drums{grid-area:drums}#region-tracks .region{min-height:0}.learnbar-host{position:absolute;inset:0;pointer-events:none}.learnbar-host>*{pointer-events:auto}#region-overlays{position:fixed;inset:0;z-index:40;pointer-events:none}#region-overlays>*{pointer-events:auto}.transport{grid-template-rows:var(--row-title) 1fr}.transport .row{grid-template-columns:1fr var(--t-perf) 40rem}.transport .master{display:grid;grid-template-columns:var(--fader) 9rem;gap:var(--gap-0);justify-content:end;min-height:0}.transport .master .fader.v{height:100%}.transport .btn{--h: auto;height:100%}.input{grid-template-rows:var(--row-title) 1fr 1fr}.input .r1{grid-template-columns:40rem 1fr 46rem}.input .r2{grid-template-columns:1fr 9rem 44rem;align-items:center}.input .meter{height:100%}.input .btn{--h: auto;height:100%;min-height:var(--t-floor)}.keys{grid-template-rows:var(--row-title) 1fr}.keys .body{display:grid;grid-template-columns:118rem 1fr;gap:var(--gap-0);min-height:0}.keys .encs{display:grid;grid-template-columns:1fr 34rem;grid-template-rows:1fr 1fr;gap:var(--gap-0)}.keys .encs .fader{height:auto;align-self:stretch}.keys .noterow{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap-0);min-height:var(--t-perf)}.presets{grid-template-rows:var(--row-title) 1fr 1fr}.presets .r1{grid-template-columns:1fr 42rem 42rem}.presets .r2{grid-template-columns:1fr 1fr 1fr}.presets .btn{--h: auto;height:100%;min-height:var(--t-floor)}.track{grid-template-rows:var(--row-title) var(--row-enc) var(--t-perf) var(--t-floor) 1fr}.track .oledrow{grid-template-columns:1fr 34rem 36rem 34rem 34rem;gap:1.5rem}.track .main{grid-template-columns:var(--t-perf) 1fr 1fr 1fr;align-items:center}.track .main .btn{--h: var(--t-perf)}.track .edit{grid-template-columns:repeat(5,1fr)}.track .edit .btn{--h: var(--t-floor);font-size:var(--f-label)}.track .bottom{grid-template-columns:1fr var(--fader)}.track .slices{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:var(--gap-0)}.track .slices .btn{height:auto;min-height:var(--t-key)}.track.empty .slice,.track.empty .edit .btn,.track.empty .main .btn:not(.rec){opacity:.55}.track.sel{box-shadow:var(--shadow-mod),0 0 0 1.5rem var(--brass)}.track.sel>h2{color:var(--brass)}.harm,.smaster,.recsrc{grid-template-columns:12rem 1fr;grid-template-rows:1fr;align-items:stretch}.harm .row,.smaster .row,.recsrc .row{grid-template-rows:1fr;align-items:stretch}.harm .row{grid-template-columns:34rem 68rem 46rem minmax(92rem,1fr) 80rem 40rem 46rem 40rem 46rem}.harm .btn,.smaster .btn,.recsrc .btn{--h: auto;height:auto;min-height:var(--t-sec)}.smaster .row{grid-template-columns:40rem 54rem 56rem 36rem 54rem}.smaster .fader.h{height:auto;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:"l l" "t v"}.smaster .fader.h .fl{grid-area:l}.smaster .fader.h .trk{grid-area:t}.smaster .fader.h .fv{grid-area:v}.recsrc .row{grid-template-columns:repeat(6,1fr)}.recsrc .btn{font-size:var(--f-label)}.synth{grid-template-rows:var(--row-title) 1fr var(--row-enc) var(--row-enc) var(--row-enc) var(--t-floor)}.synth .padrow{grid-template-columns:1fr var(--t-perf)}.synth .side{display:grid;grid-template-rows:var(--t-perf) 1fr;gap:var(--gap-0);justify-items:center;min-height:0}.synth .side .btn{--h: var(--t-perf);width:100%}.synth .side .fader.v{height:100%}.synth .e1{grid-template-columns:1fr 56rem 46rem 34rem}.synth .e2{grid-template-columns:52rem 1fr 1fr}.synth .e3{grid-template-columns:1fr 1fr 50rem}.synth .b{grid-template-columns:repeat(5,1fr) 34rem}.synth .b .btn{--h: var(--t-floor);font-size:var(--f-label)}.fxm{grid-template-rows:var(--row-title) var(--row-enc) 1fr var(--t-perf)}.fxm .progrow{grid-template-columns:1fr}.fxm.hasb .progrow{grid-template-columns:1fr 36rem}.fxm .progrow .btn{--h: var(--t-floor);font-size:var(--f-label)}.fxm .padrow{grid-template-columns:40rem 1fr}.fxm .qcol{display:grid;grid-template-rows:repeat(4,1fr);gap:var(--gap-0);min-height:calc(4 * var(--t-floor) + 3 * var(--gap-0))}.fxm .b{grid-template-columns:1fr var(--t-perf) var(--t-perf)}.fxm .b .btn{--h: var(--t-perf)}.fxm .b .fader{height:auto;min-height:var(--fader)}.routes{grid-template-rows:var(--row-title) repeat(4,1fr)}.routes>h2{padding:0 3rem;letter-spacing:.06em}.routes .enc{padding:2rem 3rem;align-items:center;text-align:center}.routes .enc:after{display:none}.drums{grid-template-rows:var(--row-title) 1fr var(--t-sec) var(--row-enc) var(--row-enc) auto}.drums .var{min-height:90rem}.drums .r3{grid-template-columns:repeat(4,1fr)}.drums .r3 .btn{--h: var(--t-sec);font-size:var(--f-label)}.drums .r4{grid-template-columns:1fr 1fr}.drums .r5{grid-template-columns:1fr 42rem}.drums .r5 .fader{height:auto}@media(max-width:960px){:root{--bp: phone}}@media(min-width:961px)and (max-width:1400px){:root{--bp: ipad}}@media(min-width:1401px)and (max-width:1920px){:root{--bp: laptop}}@media(min-width:1921px){:root{--bp: desktop}}