@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-0.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-1.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-2.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-3.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-4.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-5.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-6.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-7.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-8.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-9.ttf) format("truetype")}:root{color-scheme:dark;--background:#151719;--panel:#292c32;--panel-light:#41464f;--text:#e4e6e3;--muted:#969c9c;--accent:#b8ee75;--secondary:#e3aa60;--screen:#10160f;--border:#555a62;--skin-panel:none;--skin-titlebar:none;--skin-background:none;font-family:DM Sans,Arial,sans-serif;font-synthesis:none;font-weight:400;background:var(--background);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:320px;background-image:var(--skin-background);background-size:cover}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}a{color:var(--accent);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:40px;line-height:1.15;letter-spacing:-1.4px;font-weight:600}h2{font-size:18px;letter-spacing:-.35px;font-weight:600}h3{font-size:16px;font-weight:500}small{font-size:11px}p{font-size:13px;line-height:1.7;color:var(--muted)}.loading{padding:20vh 10vw;color:var(--accent)}.app-shell{max-width:1800px;margin:auto}.topbar{height:80px;display:flex;align-items:center;gap:28px;padding:0 30px;border-bottom:1px solid #ffffff12;background:#11141699}.brand{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;white-space:nowrap}.brand-mark{font-family:monospace;background:var(--accent);color:#17200d;font-weight:800;font-size:28px;line-height:32px;width:32px;height:32px;border-radius:5px;transform:skew(-8deg)}.brand-word{font-weight:700;font-size:26px;letter-spacing:-1.5px}.brand-word>span{color:var(--accent)}.brand-tag{font:8px/1.5 IBM Plex Mono,monospace;letter-spacing:1.5px;width:53px;white-space:normal;color:var(--muted);border-left:1px solid var(--border);padding-left:11px;margin-left:6px}.main-nav{display:flex;align-items:center;height:100%;margin:auto;gap:6px}.nav-item{border:0;background:transparent;font-size:12px;color:var(--muted);height:100%;padding:0 15px;position:relative}.nav-item.active{color:var(--text)}.nav-item.active:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:15px;right:15px}.topbar-right{display:flex;align-items:center;gap:19px}.engine-status{font:9px IBM Plex Mono,monospace;letter-spacing:.5px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--muted)}.online .status-dot,.playing .status-dot,.session-badge .status-dot{background:var(--accent);box-shadow:0 0 7px color-mix(in srgb,var(--accent),transparent 45%)}.help-button{border:1px solid #ffffff24;background:transparent;border-radius:50%;width:26px;height:26px;font:13px monospace;color:var(--muted)}.workspace{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 130px)}.sidebar{border-right:1px solid #ffffff10;padding:32px 18px 26px;background:#0000000d;display:flex;flex-direction:column}.sidebar-heading{display:flex;justify-content:space-between;font:8px IBM Plex Mono,monospace;letter-spacing:1.1px;color:var(--muted);padding:0 6px 21px}.sidebar-heading small{font-size:8px;color:#717879}.mode-list{display:flex;flex-direction:column;gap:10px}.mode-card{display:flex;align-items:center;text-align:left;gap:12px;background:transparent;border:1px solid transparent;border-radius:5px;padding:15px 10px}.mode-card.selected{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.mode-number{font:10px IBM Plex Mono,monospace;color:var(--muted);align-self:flex-start;padding-top:3px}.mode-card.selected .mode-number,.mode-card.selected .mode-arrow{color:var(--accent)}.mode-copy{display:flex;flex-direction:column;gap:5px}.mode-copy strong{font-size:12px;font-weight:500}.mode-copy small{color:var(--muted);font-size:9px;white-space:nowrap}.mode-arrow{margin-left:auto;font-size:14px;color:#6d7472}.sidebar-progress{border-top:1px solid #ffffff13;margin-top:31px;padding:28px 5px}.eyebrow{font:9px IBM Plex Mono,monospace;letter-spacing:1.5px;color:var(--muted)}.sidebar-progress .eyebrow{font-size:7px;letter-spacing:1px;color:var(--secondary)}.progress-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px}.progress-heading strong{font-weight:500}.progress-heading span{font:10px monospace;color:var(--accent)}.progress-track{height:4px;background:#ffffff10;border-radius:4px;margin:14px 0 12px;overflow:hidden}.progress-track>div{height:100%;background:var(--accent)}.sidebar-progress p{font-size:10px}.text-button{border:0;background:none;color:var(--accent);font-size:11px;padding:0;display:inline-flex;align-items:center;gap:15px}.sidebar-progress .text-button{margin-top:17px}.sidebar-bottom{padding:40px 5px 12px;margin-top:auto}.headphone-icon{font:30px Barlow Condensed,sans-serif;color:var(--muted);letter-spacing:1px;margin-bottom:13px}.sidebar-bottom strong{font-size:12px;font-weight:500}.sidebar-bottom p{font-size:11px;margin-top:8px;max-width:165px}.shortcut-link{background:none;border:0;padding:0;color:var(--muted);font:9px IBM Plex Mono,monospace;margin-top:22px}.main-content{padding:35px 36px 30px;min-width:0;max-width:1400px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:22px}.page-heading .eyebrow{margin-bottom:13px;font-size:8px;letter-spacing:1.6px}.eyebrow-divider{color:var(--accent);margin:0 12px}.page-heading p{margin-top:12px;font-size:12px}.session-badge{border:1px solid #ffffff18;padding:10px 11px;border-radius:3px;display:flex;align-items:center;gap:7px;font:8px IBM Plex Mono,monospace;color:var(--muted);white-space:nowrap}.session-badge strong{margin-left:5px;color:var(--text);font-size:12px;font-weight:400}.practice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.toolbar-left,.toolbar-actions{display:flex;align-items:center;gap:14px}.mode-pill{font:8px IBM Plex Mono,monospace;letter-spacing:.6px;background:#ffffff08;border:1px solid #ffffff19;border-radius:2px;padding:5px 7px;color:var(--secondary)}.toolbar-description{font-size:10px;color:var(--muted)}.toggle-label{display:inline-flex;align-items:center;gap:6px;position:relative;font-size:10px;color:var(--muted);cursor:pointer;white-space:nowrap}.toggle-label input{position:absolute;opacity:0;width:25px;height:18px;left:0}.toggle-track{width:24px;height:13px;background:#33393a;border:1px solid #515756;border-radius:8px;position:relative}.toggle-track:after{content:"";position:absolute;width:7px;height:7px;left:2px;top:2px;background:#9aa09c;border-radius:50%;transition:transform .15s}.toggle-label input:checked+.toggle-track{background:color-mix(in srgb,var(--accent) 30%,#151a14);border-color:var(--accent)}.toggle-label input:checked+.toggle-track:after{transform:translate(11px);background:var(--accent)}.toggle-label input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:3px}.small-button,.secondary-button{font-size:10px;background:#ffffff06;border:1px solid #ffffff26;padding:8px 11px;border-radius:3px;white-space:nowrap}.deck-rack{background:linear-gradient(145deg,var(--panel-light),var(--panel) 18%,var(--panel) 75%,#111416);border:1px solid var(--border);padding:5px;border-radius:6px;box-shadow:0 9px 28px #0007,inset 0 1px #ffffff30;position:relative}.deck-rack:before,.deck-rack:after{content:"⊕";font:12px monospace;color:#171a1d;text-shadow:0 1px 0 #ffffff24;position:absolute;top:7px}.deck-rack:before{left:7px}.deck-rack:after{right:7px}.rack-title{height:23px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font:7px IBM Plex Mono,monospace;letter-spacing:1.3px;color:#c3c8cb;background-image:var(--skin-titlebar);background-size:contain;text-shadow:0 1px #111}.rack-grip{color:#777f84;letter-spacing:2px;font-size:9px}.decks{display:grid;grid-template-columns:1fr 1fr;gap:5px}.deck{padding:15px 16px 12px;background:var(--skin-panel),linear-gradient(115deg,color-mix(in srgb,var(--panel) 90%,#fff),var(--panel) 55%,color-mix(in srgb,var(--panel) 85%,#000));border:1px solid #0009;box-shadow:inset 0 1px #ffffff10;min-width:0}.deck-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.deck-label{display:flex;align-items:center;gap:7px}.deck-letter{width:22px;height:22px;display:grid;place-content:center;background:var(--accent);border-radius:3px;color:#18200e;font:700 13px IBM Plex Mono,monospace;box-shadow:0 1px 2px #0008}.deck-b .deck-letter{background:var(--secondary)}.deck-label strong{font:10px IBM Plex Mono,monospace;letter-spacing:1px}.deck-role{font:7px IBM Plex Mono,monospace;color:var(--muted);margin-left:2px}.deck-state{font:7px IBM Plex Mono,monospace;letter-spacing:.6px;color:var(--muted);display:flex;align-items:center;gap:5px}.deck-screen{background:var(--screen);border:1px solid #020603;box-shadow:inset 0 0 12px #000a,0 1px #ffffff23;border-radius:3px;padding:11px 12px 9px;color:var(--accent)}.track-title{display:flex;align-items:center;gap:7px;font:8px IBM Plex Mono,monospace;letter-spacing:.3px}.track-title strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title>span:first-child{font-size:13px}.loop-badge{margin-left:auto;font:6px monospace;padding:2px 3px;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);border-radius:1px}.lcd-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0 9px}.lcd{display:flex;align-items:baseline;gap:6px}.lcd-number{font:500 37px/1.1 IBM Plex Mono,monospace;letter-spacing:-2px;text-shadow:0 0 12px color-mix(in srgb,var(--accent),transparent 85%)}.lcd small{font:7px IBM Plex Mono,monospace;opacity:.7}.time-display{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.lcd-time{font:21px/1 IBM Plex Mono,monospace;letter-spacing:-1px}.time-display small{font:6px IBM Plex Mono,monospace;opacity:.6;letter-spacing:.3px}.waveform-wrap{height:62px;position:relative;margin:5px 0 7px;border:1px solid #71845d25;background:#090e0c;overflow:hidden}.waveform{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.waveform-label{position:absolute;left:5px;bottom:4px;font:5px IBM Plex Mono,monospace;letter-spacing:1px;opacity:.6;pointer-events:none}.waveform-playhead{display:none}.beat-row{display:flex;align-items:center;gap:12px;font:7px IBM Plex Mono,monospace;color:color-mix(in srgb,var(--accent) 60%,transparent)}.beat-row>span:last-child{margin-left:auto}.beat-indicators{display:flex;gap:5px}.beat-dot{height:14px;width:17px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);font-size:7px;text-align:center;line-height:12px;color:color-mix(in srgb,var(--accent) 40%,transparent)}.beat-dot.on{background:var(--accent);color:var(--screen);box-shadow:0 0 6px color-mix(in srgb,var(--accent),transparent 50%)}.deck-controls{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:16px;margin-top:16px}.transport{display:flex;align-items:center;gap:5px}.transport-play,.transport-cue,.set-cue,.nudge-controls button{height:32px;background:linear-gradient(#555d62,#343a40);box-shadow:inset 0 1px #ffffff26,0 2px 2px #0006;border:1px solid #171b20;border-radius:3px;font:10px IBM Plex Mono,monospace}.transport-play{width:39px;color:var(--accent);font-size:14px}.transport-play.engaged{background:linear-gradient(#596742,#343e29);border-color:#86a75d;color:var(--accent)}.transport-cue{padding:0 10px;color:var(--secondary)}.set-cue{padding:0 6px;font-size:8px;color:#c7cccb}.nudge-controls{display:flex;align-items:center;gap:5px;margin-left:auto}.nudge-controls button{width:25px;font-size:16px}.nudge-controls span{font:6px IBM Plex Mono,monospace;color:var(--muted)}.control-label{font:7px IBM Plex Mono,monospace;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.control-label small{font-size:7px}.elements{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.element{display:flex;align-items:center;justify-content:center;gap:4px;height:24px;padding:0 5px;font:7px IBM Plex Mono,monospace;background:#15191b85;border:1px solid #4b5354;border-radius:2px;color:#939d99;box-shadow:inset 0 1px 2px #0005}.element-light{width:3px;height:3px;border-radius:1px;background:#67706b}.element.enabled{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 32%,#252c23);background:color-mix(in srgb,var(--accent) 8%,#171c17)}.element.enabled .element-light{background:var(--accent);box-shadow:0 0 4px var(--accent)}.deck-volume-row{display:flex;align-items:center;gap:14px;margin-top:14px}.deck-volume-row>label{display:flex;gap:7px;align-items:center;flex:1;font:7px IBM Plex Mono,monospace;color:var(--muted);min-width:0}.deck-volume-row input{width:100%;min-width:20px}.vu-section{display:flex;align-items:center;gap:4px}.vu-section>span{font:6px monospace;color:var(--muted)}.vu-meter{display:flex;gap:2px;height:12px;align-items:stretch}.vu-bar{width:3px;background:#151c16;box-shadow:0 0 0 1px #ffffff06}.vu-bar.lit{background:var(--accent)}.vu-bar.warn.lit{background:var(--secondary)}.vu-bar.hot.lit{background:#f78263}.pitch-section{border-left:1px solid #ffffff0d;padding-left:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.pitch-section>.control-label{font-size:7px;color:#c4cac7}.pitch-track{position:relative;display:flex;justify-content:center;min-height:140px;flex:1;width:44px}.pitch-ticks{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;font:6px IBM Plex Mono,monospace;color:var(--muted)}.vertical-fader{writing-mode:vertical-lr;direction:rtl;width:22px!important;height:145px!important;appearance:none;background:transparent;margin:0 0 0 15px!important;cursor:ns-resize;accent-color:var(--accent)}input[type=range]{appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;background:#101516;box-shadow:0 1px #ffffff28;cursor:pointer;margin:8px 0;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:16px;border-radius:2px;background:linear-gradient(90deg,#687176,#c1c6c4 50%,#677177);border:1px solid #101718;box-shadow:0 1px 3px #0008}input[type=range]::-moz-range-thumb{width:12px;height:16px;border-radius:2px;background:#abb4b5;border:1px solid #101718}.vertical-fader::-webkit-slider-runnable-track{width:4px;background:#101416;border-radius:2px;box-shadow:1px 0 #ffffff20}.vertical-fader::-webkit-slider-thumb{width:24px!important;height:15px!important;margin-left:-10px;background:linear-gradient(#adb4b6,#646f75 46%,#cbd1d1 49%,#232d35 55%,#6e787d)!important;box-shadow:1px 3px 3px #0008!important}.vertical-fader::-moz-range-track{width:4px;background:#101416}.vertical-fader::-moz-range-thumb{width:24px;height:15px}.pitch-readout{font:10px IBM Plex Mono,monospace;color:var(--accent)}.pitch-fine{display:flex;gap:5px}.pitch-fine button{border:1px solid #ffffff20;background:#171e20;font:10px monospace;padding:2px 6px;border-radius:2px}.pitch-section select{font:7px monospace;width:52px;padding:4px 1px;background:#1b2024;border:1px solid #596163;border-radius:2px;color:#b5bfb8}.mixer{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:35px;padding:15px 20px;background:linear-gradient(0deg,#11161977,#161c2177);border:1px solid #11161a;box-shadow:inset 0 1px #ffffff10;margin-top:5px}.mixer-monitor{display:flex;flex-direction:column;gap:7px}.mixer-monitor>small{font:7px IBM Plex Mono,monospace;color:var(--muted)}.crossfader-labels{display:flex;justify-content:space-between;align-items:center;font:7px IBM Plex Mono,monospace;letter-spacing:1px;color:var(--muted)}.crossfader-labels strong{font-size:11px;font-weight:500;color:var(--accent)}.crossfader-labels strong:last-child{color:var(--secondary)}.crossfader input{width:100%;height:5px}.crossfader input::-webkit-slider-thumb{width:25px;height:17px;background:linear-gradient(90deg,#737c84,#aab3b7 45%,#14191c 47% 54%,#aab3b7 56%,#656e75)}.fader-scale{display:flex;justify-content:space-between;color:#7a8384;font:6px monospace;margin-top:-2px}.master-volume{display:flex;flex-direction:column;justify-self:end;width:140px;gap:9px}.master-volume .control-label strong{font-size:8px;color:#cdd3cb}.master-volume input{width:100%}.rack-footer{display:flex;justify-content:space-between;font:5px IBM Plex Mono,monospace;letter-spacing:.6px;padding:8px 9px 3px;color:var(--muted)}.rack-footer>span:first-child{color:var(--accent)}.under-decks{display:flex;justify-content:space-between;align-items:center;margin:14px 0 24px;gap:10px}.play-both-button,.add-element-button{background:none;border:0;font-size:10px;padding:3px 0;color:var(--muted)}.play-both-button{color:var(--text);display:flex;align-items:center;gap:9px}.play-both-button small{font:6px IBM Plex Mono,monospace;padding:3px 4px;border:1px solid #ffffff20;border-radius:2px;color:var(--muted)}.add-element-button{color:var(--accent)}.lower-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.coach-panel,.tap-panel{border:1px solid #ffffff17;border-radius:5px;padding:18px;background:#ffffff02}.panel-heading{display:flex;align-items:center;gap:8px}.panel-heading h2{font-size:13px;font-weight:500;letter-spacing:0}.panel-icon{color:var(--accent);font-size:19px;line-height:1}.mini-badge{font:6px IBM Plex Mono,monospace;letter-spacing:.8px;color:var(--muted);padding:4px 5px;border:1px solid #ffffff17;border-radius:2px;white-space:nowrap}.panel-heading .mini-badge{margin-left:auto}.coach-copy{margin:21px 0 18px}.coach-copy p{font-size:10px;line-height:1.8;margin-top:7px;max-width:380px}.coach-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.primary-button{background:var(--accent);color:#17220f;border:1px solid var(--accent);font-size:10px;font-weight:600;padding:10px 13px;border-radius:3px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px}.coach-bottom>span{font-size:8px;color:var(--muted)}.tap-content{display:flex;align-items:center;gap:23px;margin:22px 0 19px}.tap-button{height:65px;width:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(#353a3f,#23282b);border:1px solid #61696b;border-bottom:3px solid #101619;box-shadow:inset 0 1px #ffffff20,0 2px 2px #0007;border-radius:5px}.tap-button strong{font:16px IBM Plex Mono,monospace;color:var(--text);letter-spacing:3px;margin-left:3px}.tap-button small{font:7px IBM Plex Mono,monospace;color:var(--muted)}.tap-readout{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.tap-readout>strong{font:25px IBM Plex Mono,monospace;color:var(--accent);letter-spacing:-1px;font-weight:400}.tap-readout>span{font:8px monospace;color:var(--muted)}.tap-readout>small{width:100%;font-size:9px;color:var(--muted);margin-top:3px}.mic-row{border-top:1px solid #ffffff0c;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.mic-row button{font-size:9px;color:var(--muted)}.mic-row button.active{color:var(--accent)}.mic-row small{font-size:7px;color:var(--muted)}.practice-tip{display:flex;gap:14px;align-items:center;margin-top:22px;color:var(--muted);font-size:9px}.practice-tip>span{font:7px IBM Plex Mono,monospace;letter-spacing:1px;color:var(--secondary);white-space:nowrap}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0d;padding:16px 30px;color:#737c78;font:7px IBM Plex Mono,monospace;letter-spacing:.4px}.footer>span:first-child{font:9px DM Sans,sans-serif;letter-spacing:0}.footer .status-dot{width:4px;height:4px;background:var(--accent);margin-right:5px}.footer-separator{margin:0 12px}.eq-controls{display:flex;gap:12px;border-top:1px solid #ffffff12;padding-top:10px;margin-top:12px}.eq-control{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:2px;font:7px IBM Plex Mono,monospace;color:var(--muted)}.eq-control input{width:100%}.eq-control small{font-size:7px}.notice{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;line-height:1.6;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:4px;background:color-mix(in srgb,var(--accent) 7%,var(--background));color:var(--accent);padding:10px 13px;margin-bottom:20px}.notice.error{border-color:#d5805844;background:#3d2921;color:#ffd1b8}.notice button{background:none;border:0;font-size:20px;color:inherit;padding:0 4px}.skip-link{position:fixed;top:-100px}.skip-link:focus{top:10px;z-index:100;background:var(--panel);padding:15px}.muted{color:var(--muted);font-size:10px}.jog-area{display:flex;align-items:center;gap:12px;margin:15px 0 2px}.jog-wheel{height:86px;width:86px;flex-shrink:0;position:relative;border-radius:50%;border:5px solid #555d62;background:repeating-radial-gradient(circle at center,#20292b 0 1px,#12191a 2px 3px);box-shadow:0 0 0 1px #11171a,0 0 0 2px #717b7b66,0 4px 6px #0007,inset 0 0 0 1px #7c858855;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;color:var(--accent)}.jog-wheel:before{content:"";position:absolute;inset:18px;border-radius:50%;background:linear-gradient(120deg,#455050,#222d2c);border:1px solid #657571;font:12px monospace}.jog-wheel:after{content:"";position:absolute;top:5px;left:50%;width:2px;height:11px;background:var(--accent);box-shadow:0 0 4px var(--accent)}.jog-wheel>span{position:relative;z-index:1;font:13px IBM Plex Mono,monospace}.jog-wheel.jogging{border-color:var(--accent);cursor:grabbing}.jog-caption{color:var(--muted);font:6px/1.8 IBM Plex Mono,monospace;letter-spacing:.4px;max-width:100px}.jog-caption strong{font-size:8px;color:var(--text);display:block;margin-bottom:3px}.jog-wheel.is-playing{animation:record-spin 4s linear infinite}.jog-wheel.jogging{animation-play-state:paused}@keyframes record-spin{to{transform:rotate(360deg)}}.large-progress{font:36px IBM Plex Mono,monospace;color:var(--accent);white-space:nowrap}.large-progress small{font:10px DM Sans,sans-serif;color:var(--muted)}.lesson-grid,.drill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.lesson-card,.drill-card{border:1px solid #ffffff1b;background:linear-gradient(125deg,#ffffff05,#ffffff01);border-radius:5px;padding:24px}.lesson-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lesson-number{font:29px Barlow Condensed,sans-serif;color:var(--accent)}.lesson-card h2,.drill-card h2{font-size:21px}.lesson-card p,.drill-card p{margin:11px 0 24px;font-size:12px;min-height:40px}.lesson-button{display:flex;justify-content:space-between;width:100%;font-size:11px;border:0;border-top:1px solid #ffffff17;padding:15px 0 0;background:none;color:var(--accent)}.lesson-card.locked{opacity:.5}.lesson-card.complete{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.path-note{margin:30px 0;padding:22px;border:1px dashed #ffffff25;border-radius:5px}.path-note strong{font-size:13px}.path-note p{margin:8px 0 13px;font-size:12px}.training-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat-card{background:#ffffff03;border:1px solid #ffffff13;border-radius:4px;padding:20px}.stat-card span{display:block;font:8px IBM Plex Mono,monospace;letter-spacing:.8px;color:var(--muted)}.stat-card strong{display:block;font:32px IBM Plex Mono,monospace;color:var(--accent);margin-top:12px}.drill-card .eyebrow{font-size:8px;margin-bottom:14px}.drill-icon{font-size:30px;color:var(--accent);display:block;margin-bottom:20px}.drill-card p{min-height:62px}.history-panel{margin-top:25px;border:1px solid #ffffff17;border-radius:4px;padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-heading .eyebrow{font-size:8px;margin-bottom:9px}.empty-state{font-size:12px}.history-bars{display:flex;gap:14px;height:160px;align-items:flex-end;padding-top:15px}.history-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:50px;height:100%}.history-item strong{font:11px monospace;color:var(--accent)}.history-item small{font:8px monospace;color:var(--muted)}.history-bar{height:100px;background:#ffffff03;width:100%;position:relative;border-radius:2px}.history-bar>div{position:absolute;bottom:0;width:100%;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent),transparent 80%));border-radius:2px}.match-result{display:flex;gap:16px;align-items:center;margin:18px 0}.score-circle{height:62px;min-width:62px;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--accent)}.score-circle strong{font:23px IBM Plex Mono,monospace}.score-circle small{font-size:8px}.match-result>div:last-child>strong{font-size:12px}.match-result p{font-size:10px;margin-top:5px}.match-result>div:last-child>small{display:block;font:7px IBM Plex Mono,monospace;color:var(--muted);margin-top:8px}.skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skin-card{min-width:0;background:#ffffff03;border:1px solid #ffffff1c;padding:0;border-radius:5px;overflow:hidden;text-align:left}.skin-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.skin-preview{height:175px;background:repeating-linear-gradient(135deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 8px),#11161a;padding:20px;display:flex;justify-content:center;align-items:center;overflow:hidden}.skin-preview img{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 8px #0005)}.skin-card-copy{padding:16px}.skin-card-copy strong{font-size:11px;display:block}.skin-card-copy>span{display:block;font:7px IBM Plex Mono,monospace;letter-spacing:1px;color:var(--accent);margin-top:8px}.skin-card-copy p{font-size:10px;margin-top:12px}.skin-import-panel{display:flex;align-items:center;gap:24px;border:1px solid #ffffff1e;background:#ffffff03;border-radius:5px;padding:26px;margin-top:27px}.skin-import-icon{font:28px IBM Plex Mono,monospace;color:var(--accent);padding:15px;border:1px dashed #ffffff30;white-space:nowrap}.skin-import-panel .eyebrow{font-size:8px;margin-bottom:9px}.skin-import-panel h2{font-size:20px}.skin-import-panel p{font-size:11px;margin:10px 0 5px}.skin-import-panel small{font:8px IBM Plex Mono,monospace;color:var(--muted)}.skin-import-actions{margin-left:auto;display:flex;flex-direction:column;gap:10px;min-width:154px}.skin-attribution{margin-top:21px;font-size:10px}.track-library,.reference-library{border:1px solid #ffffff17;border-radius:5px;padding:22px;margin-bottom:24px}.section-heading select{background:#242a2c;border:1px solid #ffffff25;color:var(--text);font-size:11px;padding:8px 12px;border-radius:3px}.track-list{display:flex;flex-direction:column}.track-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff0e}.track-row:last-child{border-bottom:0}.track-art{height:34px;width:34px;display:grid;place-items:center;font-size:20px;color:var(--accent);border:1px solid #ffffff1a;background:linear-gradient(135deg,#657c3455,#1e3331);border-radius:3px}.track-meta{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.track-meta strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta small{font-size:9px;color:var(--muted)}.track-bpm{font:9px IBM Plex Mono,monospace;color:var(--accent);white-space:nowrap}.library-note{display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:14px}.empty-library{padding:18px 0}.empty-library p{margin-bottom:15px}.track-import{margin:16px 0}.track-import small{display:block;color:var(--muted);font-size:7px;line-height:1.6;margin-top:9px}.track-calibration{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap;font:8px IBM Plex Mono,monospace;color:var(--muted)}.track-calibration input[type=number]{max-width:62px;background:#121a17;color:var(--accent);border:1px solid var(--border);padding:5px;font-size:10px;border-radius:2px}.track-calibration label{display:flex;align-items:center;gap:5px}.track-calibration button{font-size:7px;padding:6px}.reference-tracks{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.reference-track{border-bottom:1px solid #ffffff12;padding:10px 0;display:flex;gap:10px;align-items:center;justify-content:space-between}.reference-track a{font-size:11px}.reference-track small{font:8px monospace;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#000a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.help-modal{max-width:500px;background:var(--background);border:1px solid var(--border);border-radius:7px;padding:30px;box-shadow:0 20px 80px #000a}.help-modal p{font-size:12px;margin-bottom:18px}.shortcut-list{list-style:none;padding:0;margin:20px 0}.shortcut-list li{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding:11px 0;border-bottom:1px solid #ffffff12}.shortcut-list strong{font:10px IBM Plex Mono,monospace;color:var(--accent)}:root[data-skin=classic]{--skin-titlebar:url(/skins/classic-titlebar.png)}:root[data-skin=classified3]{--skin-titlebar:url(/skins/classified3-titlebar.png)}:root[data-skin=classified5]{--skin-titlebar:url(/skins/classified5-titlebar.png)}:root[data-skin=bento]{--skin-titlebar:url(/skins/bento-titlebar.png)}:root[data-skin=alien] .deck-rack{border-radius:18px 18px 5px 5px}:root[data-skin=alien] .jog-wheel{width:88px;height:130px;border:0;border-radius:0;box-shadow:none;background:url(/skins/alien-head.png) center/contain no-repeat;color:var(--accent);animation:none}:root[data-skin=alien] .jog-wheel:before,:root[data-skin=alien] .jog-wheel:after{display:none}:root[data-skin=alien] .jog-wheel>span{margin-top:-44px}:root[data-skin=alien] .transport button{background:linear-gradient(#bb91de,#7540a2);border-color:#412457;color:#f2f6dc;border-radius:15px}:root[data-skin=alien] .deck-screen{border-radius:12px 12px 6px 6px}:root[data-skin=alien] .jog-wheel.jogging{filter:brightness(1.3) drop-shadow(0 0 5px var(--accent))}@media(min-width:1500px){.main-content{padding:42px 55px}.deck{padding:19px 22px}.waveform-wrap{height:76px}.lcd-number{font-size:43px}.deck-controls{gap:25px}.jog-wheel{height:96px;width:96px}}@media(max-width:1200px){.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:26px 12px}.main-content{padding:30px 24px}.topbar{gap:14px;padding:0 22px}.brand-tag{display:none}.topbar-right{gap:10px}.engine-status{font-size:7px}.nav-item{padding:0 11px}.mode-card{gap:8px;padding:14px 7px}.mode-copy small{font-size:8px}.sidebar-progress .eyebrow{font-size:6px}.mode-copy strong{font-size:11px}.toolbar-description{display:none}.deck{padding:13px 11px}.deck-controls{gap:9px;grid-template-columns:minmax(0,1fr) 58px}.deck-role{display:none}.transport{gap:4px}.nudge-controls{gap:3px}.nudge-controls span{display:none}.transport-play{width:34px}.nudge-controls button{width:23px}.deck-screen{padding:10px}.lcd-number{font-size:32px}.lcd-time{font-size:18px}.elements{gap:4px}.element{font-size:6px;padding:0 3px}.mixer{gap:20px;padding:15px}.master-volume{width:115px}.rack-title{font-size:6px}.rack-footer{font-size:4px}.jog-caption{font-size:5px}.coach-panel,.tap-panel{padding:15px}.coach-bottom>span{font-size:7px}.session-badge{display:none}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-import-icon{display:none}.skin-import-panel{gap:16px}}@media(max-width:960px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:17px 20px 0;gap:14px}.brand{order:0}.topbar-right{margin-left:auto;order:1}.main-nav{order:2;width:100%;justify-content:center;height:41px;gap:15px}.nav-item{font-size:12px;padding:0 15px}.workspace{grid-template-columns:1fr}.sidebar{padding:17px 22px;border-right:0;border-bottom:1px solid #ffffff12}.sidebar-heading,.sidebar-progress,.sidebar-bottom{display:none}.mode-list{flex-direction:row;gap:10px}.mode-card{flex:1;padding:11px}.mode-copy small{display:none}.mode-number{font-size:8px}.mode-arrow{font-size:12px}.main-content{padding:27px 24px}.deck{padding:16px}.deck-role{display:inline}.deck-controls{grid-template-columns:minmax(0,1fr) 65px;gap:15px}.element{font-size:7px}.nudge-controls span{display:inline}.lcd-number{font-size:36px}.rack-title{font-size:7px}.rack-footer{font-size:5px}.skin-import-panel h2{font-size:18px}}@media(max-width:700px){h1{font-size:31px;letter-spacing:-1px}.main-content{padding:25px 15px}.sidebar{padding:12px 15px}.mode-list{gap:5px}.mode-card{flex-direction:column;align-items:flex-start;gap:5px;padding:9px}.mode-number{font-size:7px}.mode-copy strong{font-size:10px}.mode-arrow{display:none}.page-heading{margin-bottom:22px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:7px;letter-spacing:1px}.toolbar-left{gap:0}.toolbar-actions{gap:10px}.practice-toolbar .small-button{padding:7px;font-size:8px}.toggle-label{font-size:8px;gap:4px}.toggle-track{width:23px;flex-shrink:0}.mode-pill{font-size:6px;padding:5px}.deck-rack{padding:4px}.decks{grid-template-columns:1fr;gap:7px}.deck{padding:15px}.rack-title{font-size:6px;letter-spacing:.5px;padding:0 15px}.rack-grip{display:none}.deck-role{display:inline;font-size:8px}.deck-heading{margin-bottom:12px}.deck-state{font-size:8px}.deck-screen{padding:12px}.lcd-number{font-size:42px}.lcd-time{font-size:24px}.track-title{font-size:9px}.time-display small{font-size:7px}.waveform-wrap{height:66px}.deck-controls{gap:24px;grid-template-columns:minmax(0,1fr) 68px}.transport-play{width:44px}.transport-cue{padding:0 15px}.transport{gap:7px}.set-cue{padding:0 8px}.nudge-controls button{width:30px}.nudge-controls span{font-size:7px}.element{font-size:8px;height:27px}.control-label{font-size:8px}.jog-area{gap:20px}.jog-caption{font-size:7px;max-width:130px}.jog-wheel{width:80px;height:80px}.mixer{gap:12px;grid-template-columns:1fr 1.2fr;padding:15px 12px}.master-volume{width:auto;grid-column:1/-1;justify-self:stretch;flex-direction:row;align-items:center;gap:20px;margin-top:6px}.master-volume .control-label{width:95px;flex-shrink:0}.master-volume input{width:auto;flex:1}.rack-footer>span:nth-child(2){display:none}.rack-footer{font-size:5px;padding:9px 6px 5px}.under-decks{margin:15px 0 22px}.play-both-button,.add-element-button{font-size:9px}.play-both-button small{display:none}.lower-grid{grid-template-columns:1fr;gap:13px}.coach-panel,.tap-panel{padding:20px}.panel-heading h2,.coach-copy h3{font-size:14px}.coach-copy p{font-size:12px}.coach-bottom>span{font-size:8px}.primary-button{font-size:11px}.tap-content{margin:20px 0;gap:30px}.tap-button{width:95px;height:70px}.tap-readout>strong{font-size:29px}.tap-readout>small{font-size:11px}.mic-row button{font-size:10px}.mic-row small{font-size:8px}.practice-tip{align-items:flex-start;flex-direction:column;gap:7px;line-height:1.7;font-size:10px}.footer{padding:16px;flex-direction:column;gap:12px;font-size:7px}.lesson-grid,.drill-grid{grid-template-columns:1fr}.large-progress{font-size:24px}.large-progress small{display:block;font-size:8px}.training-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:16px}.stat-card span{font-size:7px}.stat-card strong{font-size:25px}.skin-grid{grid-template-columns:1fr 1fr;gap:12px}.skin-preview{height:140px;padding:10px}.skin-card-copy{padding:12px}.skin-card-copy strong{font-size:10px}.skin-card-copy p{font-size:9px}.skin-import-panel{padding:20px;display:block}.skin-import-actions{margin-top:20px;flex-direction:row;min-width:0}.skin-import-actions button{font-size:10px}.skin-import-panel small{font-size:7px}.track-library,.reference-library{padding:16px}.section-heading h2{font-size:16px}.track-row{gap:8px}.track-art{width:28px;height:28px}.track-meta strong{font-size:11px}.track-meta small,.track-bpm{font-size:8px}.track-row .small-button{font-size:9px;padding:7px}.reference-tracks{grid-template-columns:1fr}.track-calibration{font-size:7px}.help-modal{padding:22px}.engine-status{font-size:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.jog-row{display:flex;align-items:center;gap:22px;margin:0 0 17px}.jog-label{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.jog-label strong{font:16px IBM Plex Mono,monospace;font-weight:500}.jog-label small{font:4px IBM Plex Mono,monospace;letter-spacing:.7px;color:var(--muted)}.jog-description{display:flex;flex-direction:column;gap:5px;color:var(--muted)}.jog-description strong{font:7px IBM Plex Mono,monospace;letter-spacing:.8px;color:#c5ccc6;margin-bottom:2px}.jog-description small{font-size:9px}.zoom-controls{display:flex;align-items:center;gap:10px;margin-top:3px}.zoom-controls>span{font:6px IBM Plex Mono,monospace;letter-spacing:.9px;color:var(--muted)}.zoom-controls button{padding:1px 6px;height:22px;width:24px;background:#181d20;font-size:12px;line-height:15px}.pitch-value{font:10px IBM Plex Mono,monospace;color:var(--accent);white-space:nowrap}.deck-options{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.source-settings{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.source-bpm{display:flex;align-items:center;gap:5px;font:6px IBM Plex Mono,monospace;color:var(--muted)}.source-bpm input{background:var(--screen);border:1px solid #ffffff20;border-radius:2px;color:var(--accent);font:9px IBM Plex Mono,monospace;padding:5px;width:63px}.source-settings .small-button{font:6px IBM Plex Mono,monospace;padding:6px}.vu-segment{width:3px;background:#151c16;box-shadow:0 0 0 1px #ffffff06}.vu-segment.lit{background:var(--accent);box-shadow:0 0 4px color-mix(in srgb,var(--accent),transparent 70%)}.vu-segment.warm.lit{background:var(--secondary)}.vu-segment.hot.lit{background:#f78263}.reference-crate{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:23px}.reference-crate h3{font-size:13px}.reference-crate p{font-size:10px;margin-bottom:10px}.reference-track{font-size:10px;text-decoration:none;align-items:flex-start;flex-wrap:wrap;gap:5px}.reference-track strong{font-size:10px;font-weight:400;flex-basis:100%;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-track>span{font-size:8px;margin-left:auto}.crate-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.crate-pagination>span{font:9px IBM Plex Mono,monospace;color:var(--muted)}.footer a{font-size:8px}.app-shell[data-mode=blind] .waveform{opacity:.04}.app-shell[data-mode=blind] .waveform-label{font-size:0}.app-shell[data-mode=blind] .waveform-label:after{content:"LISTEN FOR THE DRIFT";font-size:7px;letter-spacing:2px}.app-shell[data-mode=blind] .lcd-time{visibility:hidden}.app-shell[data-mode=blind] .beat-indicators{opacity:0}.skin-original-image{width:100%;height:100%;object-fit:contain}.skin-preview-alien{background:#0b1409}.skin-preview-alien img{max-height:155px}:root[data-skin=alien] .jog-label{margin-top:-49px}:root[data-skin=alien] .jog-label small{font-size:4px;color:var(--accent)}@media(max-width:1200px){.jog-row{gap:15px}.jog-description strong{font-size:6px}.jog-description small{font-size:8px}.vu-segment{width:2px}.deck-volume-row{gap:9px}.deck-volume-row>label{font-size:6px}}@media(max-width:700px){.jog-row{gap:25px}.jog-description strong{font-size:8px}.jog-description small{font-size:10px}.jog-label small{font-size:4px}.pitch-track{min-height:200px}.vertical-fader{height:200px!important}.vu-segment{width:3px}.source-bpm,.source-settings .small-button{font-size:7px}.source-settings{gap:9px}.reference-track strong{font-size:11px}}.skin-preview .mini-titlebar,.skin-preview .mini-screen,.skin-preview .mini-controls{display:none}.active-skin{font:9px IBM Plex Mono,monospace;color:var(--accent);margin-top:12px;display:block}.skin-card-copy>p{min-height:34px}.output-routing{background:#13191c80;border:1px solid #101518;border-top:0;padding:10px 16px;box-shadow:inset 0 1px #ffffff08}.routing-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.routing-header>button{background:none;border:0;padding:3px 0;font:9px IBM Plex Mono,monospace;color:var(--text);display:flex;align-items:center;gap:9px}.routing-header>span,.routing-summary{font:7px IBM Plex Mono,monospace;letter-spacing:.3px;color:var(--muted)}.routing-controls{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;padding:18px 0 12px;align-items:end}.routing-controls>label,.output-device>label{display:flex;flex-direction:column;gap:7px;font:7px IBM Plex Mono,monospace;letter-spacing:.7px;color:var(--muted)}.routing-controls select,.output-device select{background:#151c1e;color:var(--text);border:1px solid #ffffff28;border-radius:3px;font:10px DM Sans,sans-serif;padding:8px;max-width:100%;min-width:0}.output-device{display:flex;align-items:end;gap:12px;padding:12px 0;border-top:1px solid #ffffff12}.output-device>label{flex:1;max-width:400px}.output-device button{height:32px}.routing-note,.routing-help{font-size:9px;color:var(--muted);line-height:1.7;margin-top:8px;max-width:750px}.routing-capacity{font:8px IBM Plex Mono,monospace;color:var(--accent);padding:10px 0}.routing-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.crossfader input:disabled{opacity:.35;cursor:not-allowed}.toggle-label input:disabled~span{opacity:.4;cursor:not-allowed}.output-routing select:disabled{opacity:.4}.external-mix-note{color:var(--secondary);font:7px IBM Plex Mono,monospace}@media(max-width:700px){.output-routing{padding:11px}.routing-controls{grid-template-columns:1fr 1fr;gap:14px}.routing-controls>label:first-child{grid-column:1/-1}.routing-header>span,.routing-summary{font-size:6px}.routing-header>button{font-size:8px}.output-device{flex-wrap:wrap}.output-device>label{min-width:100%;max-width:100%}.routing-note,.routing-help{font-size:9px}.routing-controls select,.output-device select{font-size:10px;padding:9px 6px}}.routing-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.routing-toggle{background:none;border:0;padding:3px 0;font:9px IBM Plex Mono,monospace;color:var(--text)}.routing-toggle>span{color:var(--accent);margin-left:5px}.routing-heading>small{font:7px IBM Plex Mono,monospace;color:var(--muted)}.routing-panel{padding-top:12px}.routing-status{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff12;padding-top:14px}.routing-status .status-dot{background:var(--accent)}.routing-status strong{font:9px IBM Plex Mono,monospace;color:var(--accent);font-weight:400}.routing-status button{margin-left:auto;font-size:9px}.routing-control{display:flex;flex-direction:column;gap:7px;font:7px IBM Plex Mono,monospace;color:var(--muted);min-width:0}.routing-decks{display:flex;gap:12px;align-items:flex-end;grid-column:2/-1}.routing-decks .routing-control{flex:1}.routing-decks button{font-size:9px;height:32px}.routing-mix-note{grid-column:2/-1;font-size:10px;line-height:1.7;padding-bottom:4px;max-width:400px}.routing-device-note,.routing-explanation{font-size:9px;line-height:1.7;color:var(--muted);margin-top:9px}.routing-limitation{display:block;font:8px/1.8 IBM Plex Mono,monospace;color:var(--secondary);margin-top:9px}.routing-explanation{margin-bottom:5px}@media(max-width:700px){.routing-status{flex-wrap:wrap;gap:10px}.routing-status strong,.routing-status button{font-size:8px}.routing-controls{grid-template-columns:1fr}.routing-decks{grid-column:1/-1;flex-wrap:wrap}.routing-decks .routing-control{min-width:40%}.routing-decks button{margin-top:3px}.routing-mix-note{grid-column:1/-1}.routing-heading>small{font-size:6px}.routing-limitation{font-size:7px}}:root{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:11px;--number-sheet:url(/skins/classic/numbers.png);--numbers-width:297px;--transport-sheet:url(/skins/classic/cbuttons.png);--skin-platter:none;--skin-pitch:none;color-scheme:dark}body{background-color:var(--background);background-image:var(--skin-background),repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px);background-attachment:fixed}button,input,select{font-family:Tahoma,Verdana,Arial,sans-serif}button{transition:none}button:active:not(:disabled){transform:none;filter:brightness(.9)}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px dotted var(--accent);outline-offset:2px}h1{font-size:18px;letter-spacing:0;line-height:1.25}h2{font-size:14px;letter-spacing:0}h3{font-size:12px}p{font-size:11px;line-height:1.55}small{font-size:10px}.app-shell{max-width:1360px;margin:10px auto;border:2px outset var(--border);background:var(--panel);box-shadow:4px 5px #0007;padding:3px}.topbar{height:38px;min-height:38px;padding:3px 6px;gap:16px;border:2px ridge #807e8f;background:linear-gradient(90deg,#101028,#45435f 48%,#1e1e36);color:#eee;flex-wrap:nowrap}.brand{gap:6px;color:#fff}.brand-mark{width:22px;height:22px;border-radius:0;transform:none;background:#bdb18b;color:#181426;font-size:20px;line-height:22px;border:1px outset #ffefbc}.brand-word{font:700 15px Tahoma,sans-serif;letter-spacing:1px;text-shadow:1px 1px #000}.brand-word>span{color:#e2d19b}.brand-tag{display:none}.main-nav{height:26px;gap:3px;order:initial;width:auto}.nav-item{height:26px;padding:0 13px;font:11px Tahoma,sans-serif;background:linear-gradient(#646078,#38354b);color:#ece9d8;border:1px outset #8d899f;border-radius:0}.nav-item.active{background:#181824;color:#fff4bf;border-style:inset}.topbar-right{order:initial;gap:10px}.engine-status{font:9px Courier New,monospace;color:#ddd}.help-button{width:24px;height:23px;border:2px outset #b7b7bd;border-radius:0;background:#81818c;color:#111;font:700 13px Tahoma,sans-serif}.workspace{display:block;min-height:0}.sidebar{display:block;padding:5px 3px;border:0;border-bottom:2px groove var(--border);background:transparent}.sidebar-heading,.sidebar-progress,.sidebar-bottom{display:none}.mode-list{flex-direction:row;gap:4px}.mode-card{flex:1;min-width:0;padding:6px 10px;border:2px outset var(--border);border-radius:0;background:linear-gradient(var(--panel-light),var(--panel));gap:8px}.mode-card.selected{background:var(--screen);border:2px inset var(--border);color:var(--accent)}.mode-number{font:10px Courier New,monospace;padding:0;color:inherit;align-self:center}.mode-copy{gap:2px}.mode-copy strong{font:700 11px Tahoma,sans-serif}.mode-copy small{display:none}.mode-arrow{font-size:12px;color:inherit}.main-content{max-width:none;padding:10px 6px;min-width:0}.page-heading{margin:0 0 9px;gap:12px;align-items:flex-start}.page-heading .eyebrow{display:none}.page-heading p{margin-top:3px;font-size:11px}.session-badge{display:flex;padding:5px;font:8px Courier New,monospace;border:2px inset var(--border);background:var(--screen);border-radius:0}.session-badge strong{font-size:11px;color:var(--accent)}.practice-toolbar{margin:7px 0;gap:8px}.toolbar-left,.toolbar-actions{gap:10px}.mode-pill{font:9px Courier New,monospace;border:1px inset var(--border);border-radius:0;background:var(--screen);padding:4px 6px}.toolbar-description{display:inline;font-size:10px}.toggle-label{font:10px Tahoma,sans-serif}.toggle-track{width:14px;height:14px;border-radius:0;border:2px inset #a3a3aa;background:#11121c}.toggle-track:after{height:6px;width:6px;left:2px;top:2px;border-radius:0;background:#505060}.toggle-label input:checked+.toggle-track{background:#0b1009;border:2px inset #a3a3aa}.toggle-label input:checked+.toggle-track:after{transform:none;background:var(--accent);box-shadow:0 0 3px var(--accent)}.foundation-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:7px 0 10px;padding:7px;background:#0003;border:1px inset var(--border)}.foundation-step{display:flex;gap:8px;align-items:center}.foundation-step>span{font:700 16px Courier New,monospace;color:var(--secondary)}.foundation-step>div{display:flex;flex-direction:column;gap:3px}.foundation-step strong{font-size:10px}.foundation-step small{font-size:10px;color:var(--muted)}.deck-rack{border:3px ridge #9993a8;border-radius:0;padding:3px;background:#252538;box-shadow:2px 3px #080811,inset 0 0 0 1px #080811}.deck-rack:before,.deck-rack:after{display:none}.rack-title{height:23px;min-height:23px;font:700 9px Tahoma,sans-serif;letter-spacing:1px;padding:2px 8px;color:#e6e0c8;background:var(--skin-titlebar),linear-gradient(#77718d,#2c2b42 48%,#151529 52%,#4b4960);background-size:auto 100%,cover;border-top:2px ridge #ccb77b;border-bottom:2px groove #a48c55;text-shadow:1px 1px #000}.rack-grip{font-size:9px;color:#d5be7b}.decks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:5px}.deck{position:relative;min-width:0;padding:8px;background:var(--skin-panel),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(110deg,#47435d,#29293f 55%,#35344d);border:3px ridge #858095;border-radius:0;box-shadow:inset 0 0 0 1px #131321,2px 2px #11111c}.deck-heading{height:25px;margin:-3px -3px 6px;padding:2px 5px;border-top:2px ridge #d2b975;border-bottom:2px groove #9f8a50;background:linear-gradient(#343249,#202036);color:#e8e5cf}.deck-label{gap:6px}.deck-letter{width:19px;height:18px;background:#262637!important;color:#ede6cf;border:1px inset #9a8d66;border-radius:0;box-shadow:none;font:700 12px Courier New,monospace}.deck-label strong{font:10px Tahoma,sans-serif;letter-spacing:1px}.deck-role{display:inline;font:8px Tahoma,sans-serif;color:inherit}.deck-state{margin-right:101px;color:inherit;font:8px Courier New,monospace}.deck-focus-button{position:absolute;top:7px;right:7px;height:20px;font:9px Tahoma,sans-serif;padding:1px 5px;background:linear-gradient(#acaab8,#656377);color:#11111c;border:1px outset #d4c9b4;border-radius:0}.deck-screen{padding:8px 10px;border:3px inset #797689;border-radius:0;background:var(--screen);color:var(--accent);box-shadow:0 1px #ada3b1,inset 1px 1px #000}.track-title{font:11px Courier New,monospace;letter-spacing:.4px;min-width:0}.track-title strong{font-weight:700}.loop-badge{font:7px Tahoma,sans-serif;border:1px solid var(--accent);border-radius:0;white-space:nowrap;opacity:.8}.lcd-row{margin:10px 0;gap:8px}.lcd{gap:5px;min-width:0}.lcd-number{display:inline-flex;align-items:flex-end;gap:0;font-size:0;line-height:1;letter-spacing:0;text-shadow:none;white-space:nowrap}.lcd-digit{display:inline-block;width:27px;height:39px;flex:0 0 27px;background-image:var(--number-sheet);background-size:var(--numbers-width) 39px;background-position:calc(var(--digit) * -27px) 0;background-repeat:no-repeat;image-rendering:pixelated;font-size:0}.lcd-dot{width:9px;height:39px;position:relative;font-size:0;flex:0 0 9px}.lcd-dot:after{content:"";position:absolute;bottom:0;left:3px;width:6px;height:6px;background:currentColor}.lcd-dash{width:27px;height:39px;position:relative;font-size:0}.lcd-dash:after{content:"";position:absolute;top:18px;left:5px;width:18px;height:3px;background:currentColor}.lcd small{font:9px Courier New,monospace}.lcd-time{font:700 24px Courier New,monospace;letter-spacing:1px}.time-display{gap:4px}.time-display small{font:8px Courier New,monospace}.waveform-wrap{height:54px;border:1px solid #ffffff18;background:var(--screen);border-radius:0}.waveform-label{font:7px Courier New,monospace}.beat-row{font:9px Courier New,monospace}.beat-dot{height:15px;width:20px;font:9px/13px Courier New,monospace}.beat-indicators{gap:4px}.deck-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.deck-action,.small-button,.secondary-button,.deck-add-element,.generate-pattern,.voice-solo,.builder-invitation,.exit-focus-button{background:linear-gradient(#b7b8c4,#858595 45%,#686879 49%,#a8a5b5);border:2px outset #b1adbd;border-radius:0;box-shadow:1px 1px #11121c;color:#11131b;font:11px Tahoma,sans-serif;padding:5px 8px;text-shadow:0 1px #dfdce6}.deck-action{font-weight:700;min-height:31px}.deck-action:active,.small-button:active,.voice-solo.active{border-style:inset}.deck-action-hint{display:block;margin:5px 0 0;font:9px/1.4 Tahoma,sans-serif;color:var(--muted)}.deck-controls{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:12px;margin-top:11px}.deck-main-controls{min-width:0}.jog-row{gap:18px;margin:6px 0 13px;min-height:108px}.jog-wheel{width:110px;height:110px;min-width:110px;border:7px ridge #9896a5;background:var(--skin-platter),repeating-radial-gradient(#11111a 0 2px,#333342 3px 4px);background-size:cover;box-shadow:0 0 0 1px #111,inset 0 0 0 2px #000,2px 4px 2px #0008;border-radius:50%}.jog-wheel:before{inset:21px;background:linear-gradient(125deg,#7a6c46,#242431);border:2px ridge #b8a779}.jog-label{margin-top:0;z-index:1}.jog-label strong{font:700 18px Courier New,monospace}.jog-label small{font:5px Courier New,monospace;color:#ded6b2}.jog-description{gap:5px}.jog-description strong{font:9px Courier New,monospace;color:var(--text)}.jog-description small{font-size:10px}.zoom-controls{gap:6px}.zoom-controls>span{font:8px Courier New,monospace}.zoom-controls button{height:22px;width:26px;padding:0;font:700 14px Tahoma,sans-serif;background:linear-gradient(#a9a7b8,#666578);color:#171722;border:2px outset #b3adbd}.transport{gap:6px;min-height:36px;flex-wrap:wrap}.transport-play{width:46px;min-width:46px;height:36px;padding:0;background-image:var(--transport-sheet);background-size:272px 72px;background-position:-46px 0;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none;color:transparent;font-size:0;image-rendering:pixelated}.transport-play.engaged{background-image:var(--transport-sheet);background-position:-92px 0;border:0}.transport-play:active{background-position-y:-36px}.transport-cue,.set-cue,.nudge-controls button{height:34px;border:2px outset #c2c1c9;border-radius:0;background:linear-gradient(#d4d4db,#9999a9);color:#1a1a25;box-shadow:1px 1px #111;font:700 10px Tahoma,sans-serif}.transport-cue{padding:0 10px}.set-cue{padding:0 7px}.nudge-controls{gap:4px;margin-left:auto}.nudge-controls button{width:29px;font-size:18px}.nudge-controls span{font:8px Courier New,monospace;color:var(--muted)}.foundation-deck-note{display:flex;flex-direction:column;gap:7px;padding:13px 8px;margin:16px 0;border:2px inset #777287;background:#151522}.foundation-deck-note strong{font:11px Courier New,monospace;color:var(--accent)}.foundation-deck-note small{font:10px/1.6 Tahoma,sans-serif;color:var(--muted)}.control-label{font:9px Courier New,monospace;letter-spacing:.4px}.control-label small{font-size:9px}.pitch-section{width:116px;padding:10px 9px;gap:8px;border:3px ridge #8e879d;background:var(--skin-pitch),linear-gradient(90deg,#2b293e,#4f4a63 50%,#27273a);box-shadow:inset 0 0 0 1px #151521;border-radius:0}.pitch-section>.control-label{font:700 11px Tahoma,sans-serif;letter-spacing:2px;color:var(--text)}.pitch-track{width:76px;min-height:320px;height:320px;flex:0 0 320px;border-top:1px solid #ffffff20;border-bottom:1px solid #0008;padding:5px 0}.pitch-ticks{font:9px Courier New,monospace;color:var(--muted);inset:6px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(10% - 1px),#ffffff26 calc(10% - 1px),#ffffff26 10%);pointer-events:none}.vertical-fader{width:50px!important;height:310px!important;margin:0 0 0 24px!important;background:transparent!important;box-shadow:none!important;border:0;border-radius:0}.vertical-fader::-webkit-slider-runnable-track{width:9px;background:#0a0910;border:1px inset #77717f;border-radius:0;box-shadow:1px 0 #c5bac5}.vertical-fader::-webkit-slider-thumb{width:50px!important;height:29px!important;margin-left:-21px;border:2px outset #ddd2c5;border-radius:0;background:linear-gradient(#d8d4d1,#9c949b 38%,#f5eee2 40%,#413e4a 47%,#312e3b 52%,#d3c9c5 54%,#7e7887)!important;box-shadow:2px 4px 2px #0009!important}.vertical-fader::-moz-range-track{width:9px;background:#0b0910;border:1px inset #77717f}.vertical-fader::-moz-range-thumb{width:46px;height:26px;border:2px outset #ddd2c5;border-radius:0;background:linear-gradient(#d8d4d1,#9c949b 38%,#f5eee2 40%,#413e4a 47%,#312e3b 52%,#d3c9c5 54%,#7e7887)}.pitch-wheel-hint{font:9px/1.4 Tahoma,sans-serif;color:var(--muted);text-align:center}.pitch-value{font:700 15px Courier New,monospace;color:var(--accent);background:var(--screen);border:2px inset #787487;padding:4px;width:100%;text-align:center}.pitch-fine{gap:4px}.pitch-fine button{width:25px;height:24px;font:12px Tahoma,sans-serif;border:2px outset #9995a7;border-radius:0;background:#626074;color:#eee}.pitch-section select{width:80px;padding:4px;font:11px Courier New,monospace;background:var(--screen);color:var(--accent);border:2px inset var(--border);border-radius:0}.deck-options{margin-top:13px}.deck-volume-row{margin-top:15px;gap:10px}.deck-volume-row>label{font:9px Courier New,monospace}.vu-section>span{font:8px Courier New,monospace}.vu-meter{height:17px;gap:2px}.vu-segment{width:4px;background:#060a07}.vu-segment.lit{background:#43ed27;box-shadow:none}.vu-segment.warm.lit{background:#e8cd18}.vu-segment.hot.lit{background:#f03817}input[type=range]{border-radius:0}input[type=range]::-webkit-slider-thumb{border-radius:0;border:1px outset #eee}.element-panel{margin-top:15px}.composer-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:8px 0}.instrument-selector{min-width:90px;flex:1;width:100px;background:var(--screen);color:var(--accent);border:2px inset var(--border);padding:5px;font-size:10px;border-radius:0}.deck-add-element{font-size:9px;padding:5px}.chaos-button{font:700 11px Courier New,monospace;letter-spacing:1px;padding:6px;border:2px outset #ffc6f0;background:repeating-linear-gradient(135deg,#67135d 0 4px,#41113e 4px 8px);color:#fff52b;box-shadow:1px 1px #100414;border-radius:0}.composer-rack.elements{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow:auto;overscroll-behavior:contain;margin:0;padding:3px;border:2px inset var(--border);background:#070710;scrollbar-color:var(--border) #11111b;scrollbar-width:thin}.voice-row{background:#272538;border:1px outset #81788d;padding:0;min-width:0;flex-shrink:0}.voice-row.muted-by-solo{opacity:.5}.voice-strip{display:grid;grid-template-columns:86px minmax(30px,1fr) minmax(30px,.8fr) 37px;align-items:center;gap:6px;padding:5px;background:linear-gradient(#555068,#343144);border-bottom:1px solid #111}.voice-name.element{height:24px;justify-content:flex-start;gap:4px;padding:0 4px;margin:0;font:9px Tahoma,sans-serif;border:1px inset #8c8290;color:#cfff53;background:#111217;border-radius:0;white-space:nowrap}.voice-remove{margin-left:auto;color:#a7a2ae}.voice-gain,.voice-pan{display:flex;flex-direction:column;gap:5px;min-width:0;font:7px Courier New,monospace;color:#eee}.voice-gain input,.voice-pan input{width:100%;min-width:0;margin:4px 0;height:3px}.voice-gain input::-webkit-slider-thumb,.voice-pan input::-webkit-slider-thumb{height:12px;width:8px}.voice-solo{font-size:7px;padding:4px 2px}.voice-solo.active{background:#dcf36b;color:#17210a}.voice-pattern{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:5px}.pattern-mode{font:7px Courier New,monospace;color:var(--muted);min-width:29px}.step-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;width:100%;order:-1}.step-button{padding:0;height:23px;min-width:0;border:1px outset #8c8799;border-radius:0;background:linear-gradient(#5e5c6f,#3c3a4b);color:#c0bac9;font:8px Courier New,monospace;box-shadow:0 1px #000}.step-button:nth-child(8n+5),.step-button:nth-child(8n+6),.step-button:nth-child(8n+7),.step-button:nth-child(8n+8){background:linear-gradient(#655759,#493840)}.step-button.on{background:linear-gradient(#d3ff88,#75c52c);color:#1c2b0b;border-color:#c8f393;box-shadow:inset 0 1px #f5ffc1}.step-button.current{outline:2px solid white;outline-offset:-3px}.generate-pattern{font-size:8px;padding:2px 4px;margin-left:auto}.composer-help,.composer-empty{display:block;font:9px/1.6 Tahoma,sans-serif;color:var(--muted);margin-top:7px}.eq-controls{border:2px inset var(--border);padding:8px;background:#141420}.source-bpm{font:8px Courier New,monospace}.mixer{grid-template-columns:1fr 1.6fr 1fr;padding:12px 14px;gap:25px;margin-top:6px;border:2px ridge #858093;background:linear-gradient(#3f3b53,#242437);box-shadow:inset 0 0 0 1px #151523}.mixer-monitor>small,.crossfader-labels,.master-volume .control-label{font:9px Courier New,monospace}.master-volume{width:160px}.crossfader input{height:7px}.crossfader input::-webkit-slider-thumb{width:35px;height:24px}.fader-scale{font-size:8px}.output-routing{background:#242437;border:2px ridge #858093;padding:8px 12px}.routing-toggle{font:11px Tahoma,sans-serif}.routing-heading>small{font:9px Courier New,monospace}.routing-controls select,.output-device select{font:11px Tahoma,sans-serif;border:2px inset var(--border);border-radius:0}.rack-footer{font:7px Courier New,monospace;padding:7px 5px 2px;letter-spacing:0}.under-decks{margin:10px 0 12px;gap:12px}.play-both-button{font:11px Tahoma,sans-serif;background:linear-gradient(var(--panel-light),var(--panel));border:2px outset var(--border);padding:5px 8px}.builder-invitation{font-size:10px}.add-element-button{font-size:11px}.lower-grid{gap:10px}.coach-panel,.tap-panel,.track-library,.reference-library,.history-panel,.lesson-card,.drill-card,.stat-card,.skin-import-panel{border:2px ridge var(--border);border-radius:0;padding:12px;background:var(--skin-panel),linear-gradient(110deg,var(--panel-light),var(--panel));box-shadow:1px 2px #0008}.panel-heading{padding:4px 6px;margin:-8px -8px 10px;background:linear-gradient(#565268,#29283c);border-top:2px ridge #b8a16a;border-bottom:2px groove #a28b55}.panel-heading h2{font:700 11px Tahoma,sans-serif;color:#eee}.panel-icon{font-size:13px}.mini-badge{border-radius:0;font-size:7px}.coach-copy{margin:10px 0 13px}.coach-copy h3{font-size:12px}.coach-copy p{font-size:11px;max-width:none}.primary-button{background:linear-gradient(#d4d4db,#92929f);color:#171822;border:2px outset #dad8e2;border-radius:0;font:700 11px Tahoma,sans-serif;padding:6px 10px;box-shadow:1px 1px #15151e}.coach-bottom>span{font-size:9px}.tap-content{margin:8px 0 12px;gap:22px}.tap-button{height:54px;width:90px;border:3px outset var(--border);border-radius:0;background:linear-gradient(var(--panel-light),var(--panel));box-shadow:2px 2px #111}.tap-button strong{font:700 17px Courier New,monospace}.tap-button small{font-size:9px}.tap-readout>strong{font:700 27px Courier New,monospace}.mic-row{padding-top:9px}.practice-tip{margin-top:12px;font-size:10px}.footer{padding:10px 7px;font:9px Courier New,monospace;border-top:2px groove var(--border)}.notice{border:2px outset var(--border);border-radius:0;background:var(--screen);color:var(--accent);padding:9px 12px;font:11px Tahoma,sans-serif;z-index:30}.lesson-instruction{padding:10px;border:2px inset var(--border);background:var(--screen);color:var(--accent);font:11px/1.6 Tahoma,sans-serif;margin:7px 0}.skin-card{border:2px outset var(--border);border-radius:0;background:var(--panel)}.skin-card.selected{border-style:inset}.skin-preview{height:220px;border-bottom:2px groove var(--border);background:#15151e;image-rendering:pixelated}.skin-preview img{image-rendering:pixelated;filter:none}.skin-card-copy{padding:10px}.skin-card-copy strong{font:12px Tahoma,sans-serif}.skin-card-copy p{font-size:11px}.skin-grid{gap:10px}.skin-import-panel{padding:16px;margin-top:16px}.skin-import-panel h2{font-size:15px}.skin-import-panel small{font-size:9px}.skin-attribution{font-size:11px}.help-modal{border:3px ridge var(--border);border-radius:0;background:var(--panel)}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.lesson-card h2,.drill-card h2{font-size:17px}.lesson-card p,.drill-card p{font-size:11px;min-height:0}.lesson-grid,.drill-grid{gap:10px}.lesson-top{margin-bottom:12px}.training-stats{margin-bottom:14px}.path-note{border-radius:0}.section-heading .eyebrow{font-size:9px}.track-list{background:var(--screen);border:2px inset var(--border);padding:0 8px}.track-row{padding:9px 0}.track-meta strong{font:11px Courier New,monospace;color:var(--accent)}.track-meta small{font-size:10px}.reference-track strong{font:11px Courier New,monospace}.reference-track>span{font-size:9px}.app-shell.deck-focus-view{width:100%;max-width:none;min-height:100vh;margin:0;padding:5px;border:0;box-shadow:none}.focus-toolbar{max-width:1260px;margin:0 auto 7px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;background:linear-gradient(#4b465f,#202035);border:2px ridge var(--border)}.focus-toolbar h1{font:700 13px Tahoma,sans-serif;letter-spacing:1px}.focus-toolbar small{font:9px Courier New,monospace;color:var(--muted)}.exit-focus-button{font-size:11px}.focused-deck{max-width:1260px;margin:auto}.focused-deck .deck{padding:12px}.focused-deck .deck-heading{margin:-6px -6px 8px;height:28px}.focused-deck .deck-state{margin-right:0}.focused-deck .deck-controls{grid-template-columns:minmax(0,1fr) 150px;gap:18px}.focused-deck .pitch-section{width:150px}.focused-deck .pitch-track{min-height:420px;height:420px;flex-basis:420px;width:92px}.focused-deck .vertical-fader{height:410px!important}.focused-deck .pitch-value{font-size:21px}.focused-deck .pitch-wheel-hint{font-size:11px}.focused-deck .jog-row{min-height:140px}.focused-deck .jog-wheel{width:140px;height:140px;min-width:140px}.focused-deck .jog-description strong,.focused-deck .jog-description small{font-size:12px}.focused-deck .composer-rack{max-height:45vh}.focused-deck .voice-strip{grid-template-columns:120px minmax(70px,1fr) minmax(70px,1fr) 60px}.focused-deck .voice-name.element{font-size:11px}.focused-deck .voice-gain,.focused-deck .voice-pan{font-size:9px}.focused-deck .voice-pattern{flex-wrap:nowrap}.focused-deck .step-grid{order:0;flex:1}.focused-deck .step-button{height:30px;font-size:10px}.focused-deck .generate-pattern{font-size:9px}.focused-deck .deck-screen{padding:12px}.focused-deck .waveform-wrap{height:80px}.focused-deck .foundation-deck-note{max-width:600px}.focused-deck .transport{max-width:650px}.focused-deck .deck-action-hint{font-size:11px}:root[data-layout=alien] body{background-color:#171020;background-image:var(--skin-background),radial-gradient(ellipse at top,#333a1a,#121018 75%)}:root[data-layout=alien] .app-shell{border:3px ridge #818d25;background:linear-gradient(110deg,#293810,#17230e 55%,#39461b);border-radius:18px 18px 5px 5px}:root[data-layout=alien] .topbar,:root[data-layout=alien] .focus-toolbar{border:2px ridge #9ebf45;border-radius:14px 14px 5px 5px;background:linear-gradient(#638522,#263b12 50%,#101b0c);color:#ddff9e}:root[data-layout=alien] .nav-item{border:1px solid #160c22;border-top-color:#e4b7ff;border-radius:14px;background:linear-gradient(#bd96db,#5f347e 55%,#9c72ba);color:#f5ffe0;box-shadow:inset 0 1px 2px #fff6}.nav-item.active:after{display:none}:root[data-layout=alien] .deck-rack{border:3px ridge #7bac29;border-radius:25px 25px 8px 8px;background:linear-gradient(100deg,#264813,#78ad20 45%,#20390e);padding:6px}:root[data-layout=alien] .rack-title{background:linear-gradient(#8bb82f,#31570f);border-color:#b9ec45;border-radius:16px 16px 0 0;color:#f5ffca;text-shadow:1px 1px #264305}:root[data-layout=alien] .deck{border:3px ridge #8cbd2c;border-radius:32px 32px 18px 18px;background:var(--skin-panel),radial-gradient(ellipse at 25% 10%,#a1db2c,#578d11 42%,#23470d 90%);box-shadow:inset 2px 3px 4px #d2ff5966,inset -3px -4px 5px #092807aa;color:#ecffcd;padding:12px}:root[data-layout=alien] .deck-heading{margin:0 0 5px;padding:3px 8px;background:linear-gradient(#739e1b,#2c4b0c);border:2px ridge #99bc42;border-radius:14px;color:#f5ffdb}:root[data-layout=alien] .deck-letter{border-radius:50%;background:#49315f!important;border:1px outset #b9a4c9;color:#eaffbd}:root[data-layout=alien] .deck-focus-button{top:16px;right:16px;border-radius:12px;background:linear-gradient(#c49cdf,#693a89);color:#faffdc;border-color:#b59cc7}:root[data-layout=alien] .deck-screen{position:relative;width:290px;height:489px;max-width:100%;padding:0;margin:0 auto;border:0;border-radius:0;box-shadow:none;background:url(/skins/alien-head.png) center/100% 100% no-repeat;color:#baff36}:root[data-layout=alien] .deck-screen>.track-title{position:absolute;top:91px;left:24px;right:24px;font:9px Courier New,monospace;gap:3px}:root[data-layout=alien] .loop-badge{font-size:5px;max-width:48px}:root[data-layout=alien] .deck-screen>.lcd-row{position:absolute;top:112px;left:23px;right:23px;display:flex;flex-wrap:wrap;margin:0;gap:6px}:root[data-layout=alien] .lcd-digit{width:18px;height:26px;flex-basis:18px;background-size:198px 26px;background-position:calc(var(--digit) * -18px) 0}:root[data-layout=alien] .lcd-dot{height:26px;width:6px;flex-basis:6px}.lcd-dot:after{border-radius:0}:root[data-layout=alien] .lcd-dot:after{height:4px;width:4px;left:1px}:root[data-layout=alien] .lcd-dash{height:26px;width:18px}:root[data-layout=alien] .lcd-dash:after{top:12px;left:3px;width:12px;height:2px}:root[data-layout=alien] .lcd small{font-size:7px}:root[data-layout=alien] .time-display{gap:1px;align-items:flex-end}.time-display{min-width:0}:root[data-layout=alien] .lcd-time{font-size:17px}:root[data-layout=alien] .time-display small{font-size:6px;max-width:75px}:root[data-layout=alien] .deck-screen>.waveform-wrap{position:absolute;left:24px;right:24px;top:158px;height:64px;border:1px solid #8ac92455;background:#030701;margin:0}:root[data-layout=alien] .deck-screen>.beat-row{position:absolute;left:25px;right:25px;top:230px;font-size:8px;gap:7px}:root[data-layout=alien] .deck-actions{margin-top:0;gap:10px}:root[data-layout=alien] .deck-action,:root[data-layout=alien] .small-button,:root[data-layout=alien] .set-cue,:root[data-layout=alien] .transport-cue,:root[data-layout=alien] .nudge-controls button,:root[data-layout=alien] .deck-add-element,:root[data-layout=alien] .voice-solo,:root[data-layout=alien] .generate-pattern{border:2px outset #b895cc;border-radius:18px;background:linear-gradient(#c9a5e0,#8653a4 45%,#542e72 52%,#9566b0);color:#f3ffcb;text-shadow:1px 1px #43195b;box-shadow:1px 2px 3px #1d310b}:root[data-layout=alien] .deck-action-hint,:root[data-layout=alien] .pitch-wheel-hint{color:#e0f6c0}:root[data-layout=alien] .transport-play,:root[data-layout=alien] .transport-play.engaged{border:2px outset #c19bdb;border-radius:50%;background:radial-gradient(circle at 40% 20%,#e4c5f4,#a16bc2 35%,#472565 80%);color:#edffae;font:700 18px Tahoma,sans-serif;text-shadow:1px 1px #2b103e;box-shadow:1px 3px 3px #153008;width:42px;min-width:42px;height:42px}:root[data-layout=alien] .jog-wheel{height:110px;width:110px;min-width:110px;border:7px ridge #9380a6;border-radius:50%;background:var(--skin-platter),repeating-radial-gradient(#24112e 0 2px,#4b285b 3px 4px);box-shadow:0 0 0 1px #182408,2px 4px 5px #183007;animation:record-spin 4s linear infinite;animation-play-state:paused}:root[data-layout=alien] .jog-wheel.is-playing{animation-play-state:running}:root[data-layout=alien] .jog-wheel:before{display:block;inset:20px;background:radial-gradient(#b4ed43,#427310);border:2px ridge #b4dc56}:root[data-layout=alien] .jog-wheel:after{display:block}.jog-wheel.jogging{animation-play-state:paused!important}:root[data-layout=alien] .jog-label{margin:0;color:#253d0f}:root[data-layout=alien] .jog-label small{color:#23400a;font-size:5px}:root[data-layout=alien] .pitch-section{border:3px ridge #b0ca47;border-radius:22px;background:var(--skin-pitch),linear-gradient(90deg,#416a0d,#90bc2d 50%,#3e6410)}:root[data-layout=alien] .pitch-ticks{color:#e7ffad}:root[data-layout=alien] .pitch-value{border-radius:7px;border-color:#739e23;color:#c3ff52;background:#102108}:root[data-layout=alien] .voice-row{border:2px ridge #b0a0c3;border-radius:9px;background:#281835}:root[data-layout=alien] .voice-strip{border-radius:6px 6px 0 0;background:linear-gradient(#765590,#3d264f)}:root[data-layout=alien] .step-button{border-radius:5px;background:linear-gradient(#8c61a5,#553365);border-color:#b391c5;color:#e7d8f1}:root[data-layout=alien] .step-button.on{background:linear-gradient(#dcff7e,#74ae16);color:#253908;border-color:#d6ff80}:root[data-layout=alien] .mixer,:root[data-layout=alien] .output-routing{border:2px ridge #ad8cc0;border-radius:12px;background:linear-gradient(#725087,#3a254a)}:root[data-layout=alien] .focused-deck .deck{display:grid;grid-template-columns:320px minmax(0,1fr);column-gap:18px}:root[data-layout=alien] .focused-deck .deck-heading{grid-column:1/-1}:root[data-layout=alien] .focused-deck .deck-screen{grid-column:1;grid-row:2/6;align-self:start}:root[data-layout=alien] .focused-deck .deck-actions,:root[data-layout=alien] .focused-deck .deck-action-hint,:root[data-layout=alien] .focused-deck .deck-controls{grid-column:2}:root[data-layout=alien] .focused-deck .deck-controls{grid-template-columns:minmax(0,1fr) 130px;gap:10px}:root[data-layout=alien] .focused-deck .pitch-section{width:130px}@media(max-width:1100px){.app-shell{margin:5px}.topbar{gap:8px}.nav-item{padding:0 9px}.engine-status{font-size:7px}.deck-controls{grid-template-columns:minmax(0,1fr) 102px;gap:8px}.pitch-section{width:102px;padding:8px 5px}.nudge-controls span{display:none}.jog-row{gap:12px}.jog-wheel{width:94px;height:94px;min-width:94px}.voice-strip{grid-template-columns:75px minmax(25px,1fr) minmax(25px,.7fr) 32px;gap:4px;padding:4px}.voice-name.element{font-size:8px}.voice-gain,.voice-pan{font-size:6px}.composer-actions{gap:3px}.deck-add-element{font-size:8px}.deck-screen{padding:7px}.lcd-digit{width:18px;height:26px;flex-basis:18px;background-size:calc(var(--numbers-width) * 2 / 3) 26px;background-position:calc(var(--digit) * -18px) 0}.lcd-dot{width:6px;flex-basis:6px;height:26px}.lcd-dot:after{width:4px;height:4px;left:1px}.lcd-time{font-size:20px}.time-display small{font-size:7px}.master-volume{width:130px}.foundation-step small{font-size:9px}.toolbar-description{display:none}:root[data-layout=alien] .focused-deck .deck{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:760px){.topbar{height:auto;flex-wrap:wrap;padding:5px;gap:7px}.brand{order:0}.topbar-right{order:1;margin-left:auto}.main-nav{order:2;width:100%;height:26px;justify-content:stretch;gap:3px}.nav-item{flex:1;font-size:10px;padding:0 4px}.app-shell{margin:3px;padding:2px}.sidebar{padding:4px 0}.mode-list{gap:3px}.mode-card{padding:6px 4px;gap:4px;flex-direction:row}.mode-copy strong{font-size:9px}.mode-number{font-size:8px}.mode-arrow{display:none}.main-content{padding:8px 2px}.page-heading h1{font-size:16px}.page-heading p{font-size:10px}.session-badge{display:none}.practice-toolbar{flex-wrap:wrap}.mode-pill{font-size:8px}.toggle-label{font-size:9px}.foundation-guide{gap:5px;padding:6px}.foundation-step{align-items:flex-start;gap:4px}.foundation-step>span{font-size:11px}.foundation-step strong{font-size:9px}.foundation-step small{font-size:9px;line-height:1.4}.decks{grid-template-columns:minmax(0,1fr);gap:8px}.rack-title{font-size:7px;padding:2px 5px}.rack-grip{display:none}.deck{padding:7px;border-width:2px}.deck-heading{font-size:9px}.deck-state{margin-right:90px}.deck-focus-button{font-size:8px}.deck-role{font-size:7px}.deck-screen{padding:8px}.lcd-digit{width:27px;height:39px;flex-basis:27px;background-size:var(--numbers-width) 39px;background-position:calc(var(--digit) * -27px) 0}.lcd-dot{height:39px;width:9px;flex-basis:9px}.lcd-dot:after{width:6px;height:6px;left:3px}.lcd small{font-size:7px}.lcd-time{font-size:20px}.time-display small{font-size:7px}.track-title{font-size:10px}.loop-badge{font-size:6px}.deck-controls{grid-template-columns:minmax(0,1fr) 94px;gap:8px}.pitch-section{width:94px;padding:8px 4px;border-width:2px}.pitch-track{width:72px;min-height:320px;flex-basis:320px}.pitch-value{font-size:13px}.pitch-section select{width:72px}.pitch-wheel-hint{font-size:8px}.pitch-fine button{width:22px}.vertical-fader{height:310px!important}.jog-row{gap:8px;flex-wrap:wrap;min-height:0}.jog-wheel{width:94px;height:94px;min-width:94px}.jog-description{gap:4px}.jog-description strong{font-size:7px}.jog-description small{font-size:9px}.zoom-controls{gap:4px}.zoom-controls button{width:22px}.zoom-controls>span{font-size:6px}.transport{gap:4px}.transport-cue{padding:0 7px}.set-cue{padding:0 5px}.nudge-controls{margin-left:0}.nudge-controls button{width:26px}.deck-volume-row{flex-wrap:wrap;gap:8px}.deck-volume-row>label{min-width:100%}.foundation-deck-note{margin:13px 0;padding:8px}.foundation-deck-note small{font-size:10px}.composer-rack.elements{max-height:360px;padding:2px}.composer-actions{gap:4px}.instrument-selector{min-width:100%;padding:6px;font-size:10px}.deck-add-element{font-size:9px;flex:1}.chaos-button{flex:1}.voice-strip{grid-template-columns:1fr 35px;gap:6px}.voice-name{grid-column:1;grid-row:1}.voice-solo{grid-column:2;grid-row:1}.voice-gain{grid-column:1/-1;grid-row:2}.voice-pan{grid-column:1/-1;grid-row:3}.voice-gain,.voice-pan{font-size:8px;flex-direction:row;align-items:center;gap:5px}.voice-gain span,.voice-pan span{min-width:65px}.voice-name.element{font-size:10px}.step-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.step-button{height:25px;font-size:9px}.composer-help{font-size:9px}.mixer{grid-template-columns:1fr 1.2fr;gap:12px;padding:9px}.master-volume{width:auto;grid-column:1/-1}.rack-footer{font-size:6px}.rack-footer>span:nth-child(2){display:none}.routing-heading>small{font-size:7px}.routing-toggle{font-size:10px}.under-decks{align-items:stretch;flex-direction:column;gap:8px}.play-both-button{justify-content:center}.builder-invitation{font-size:10px}.lower-grid{grid-template-columns:1fr;gap:10px}.skin-grid{grid-template-columns:1fr 1fr;gap:8px}.skin-preview{height:195px;padding:8px}.skin-card-copy{padding:8px}.skin-card-copy strong,.skin-card-copy p{font-size:10px}.skin-import-panel{padding:12px}.skin-import-actions{flex-wrap:wrap}.lesson-grid,.drill-grid{grid-template-columns:1fr}.footer{font-size:8px;gap:8px}.focused-deck .deck{padding:8px}.focus-toolbar{padding:6px;gap:6px;flex-wrap:wrap}.focus-toolbar h1{font-size:11px}.focus-toolbar small{display:none}.exit-focus-button{font-size:10px}.focused-deck .deck-controls{grid-template-columns:minmax(0,1fr) 102px;gap:8px}.focused-deck .pitch-section{width:102px}.focused-deck .pitch-track{width:76px;height:380px;min-height:380px;flex-basis:380px}.focused-deck .vertical-fader{height:370px!important}.focused-deck .pitch-value{font-size:14px}.focused-deck .pitch-wheel-hint{font-size:9px}.focused-deck .jog-wheel{width:115px;height:115px;min-width:115px}.focused-deck .jog-description strong{font-size:8px}.focused-deck .jog-description small{font-size:10px}.focused-deck .voice-strip{grid-template-columns:1fr 40px}.focused-deck .voice-pattern{flex-wrap:wrap}.focused-deck .step-grid{order:-1;flex-basis:100%}.focused-deck .step-button{height:27px}.focused-deck .voice-gain,.focused-deck .voice-pan{font-size:8px}.focused-deck .composer-rack{max-height:450px}.focused-deck .deck-action-hint{font-size:9px}:root[data-layout=alien] .deck{padding:9px;border-radius:25px}:root[data-layout=alien] .deck-focus-button{top:13px;right:12px}:root[data-layout=alien] .focused-deck .deck{display:block}:root[data-layout=alien] .focused-deck .deck-controls{grid-template-columns:minmax(0,1fr) 102px}:root[data-layout=alien] .focused-deck .pitch-section{width:102px}:root[data-layout=alien] .deck-screen{width:270px;height:455px}:root[data-layout=alien] .deck-screen>.track-title{top:84px;left:23px;right:23px}:root[data-layout=alien] .deck-screen>.lcd-row{top:105px;left:23px;right:23px}:root[data-layout=alien] .deck-screen>.waveform-wrap{top:148px;height:58px;left:23px;right:23px}:root[data-layout=alien] .deck-screen>.beat-row{top:212px;left:23px;right:23px}:root[data-layout=alien] .time-display small{font-size:5px}:root[data-layout=alien] .lcd-time{font-size:15px}}.headspace-transport{display:none}:root[data-layout=alien] .headspace-transport{display:block;position:absolute;inset:0;pointer-events:none}:root[data-layout=alien] .headspace-transport button{position:absolute;top:7.7%;width:10%;height:6.3%;padding:0;border:0;background:transparent;color:transparent;font-size:0;pointer-events:auto;border-radius:50%}:root[data-layout=alien] .headspace-transport button:nth-child(1){left:20%}:root[data-layout=alien] .headspace-transport button:nth-child(2){left:31.2%}:root[data-layout=alien] .headspace-transport button:nth-child(3){left:42.4%}:root[data-layout=alien] .headspace-transport button:nth-child(4){left:53.6%}:root[data-layout=alien] .headspace-transport button:nth-child(5){left:71.6%}:root[data-layout=alien] .headspace-transport button:hover{box-shadow:0 0 0 1px #efff90,inset 0 0 6px #f4ff8d}:root[data-skin=custom] .deck{border-image-source:var(--skin-frame);border-image-slice:5;border-image-repeat:stretch}:root[data-skin=custom][data-artwork~=frame] .deck{border-image-source:var(--skin-frame);border-image-slice:5;border-image-repeat:stretch}:root[data-skin=custom][data-artwork~=titlebar] .rack-title{background-image:var(--skin-titlebar);background-size:auto 100%;background-position:center;background-repeat:repeat-x}:root[data-artwork~=platter] .deck .jog-wheel{background-image:var(--skin-platter);background-size:cover;background-position:center}:root[data-artwork~=pitch] .deck .pitch-section{background-image:var(--skin-pitch);background-size:100% 100%;background-repeat:no-repeat}:root[data-artwork~=buttons] .deck .transport-play{width:46px;min-width:46px;height:36px;border:0;border-radius:0;background-image:var(--transport-sheet);background-size:272px 72px;background-position:-46px 0;background-repeat:no-repeat;box-shadow:none;color:transparent;font-size:0;text-shadow:none;image-rendering:pixelated}:root[data-artwork~=buttons] .deck .transport-play.engaged{background-position:-92px 0}:root[data-artwork~=buttons] .deck .transport-play:active{background-position-y:-36px}:root[data-layout=alien] .lcd-digit{background-size:calc(var(--numbers-width) * 2 / 3) 26px}@media(min-width:1000px){:root:is([data-layout=classic],[data-layout=bento]) .deck{display:grid;grid-template-columns:minmax(0,1fr) 116px;column-gap:12px;grid-template-rows:auto auto auto auto 1fr}:root:is([data-layout=classic],[data-layout=bento]) .deck-heading{grid-column:1/-1}:root:is([data-layout=classic],[data-layout=bento]) .deck-screen,:root:is([data-layout=classic],[data-layout=bento]) .deck-actions,:root:is([data-layout=classic],[data-layout=bento]) .deck-action-hint,:root:is([data-layout=classic],[data-layout=bento]) .deck-main-controls{grid-column:1}:root:is([data-layout=classic],[data-layout=bento]) .deck-controls{display:contents}:root:is([data-layout=classic],[data-layout=bento]) .pitch-section{grid-column:2;grid-row:2/6;align-self:start;width:116px}:root:is([data-layout=classic],[data-layout=bento]) .deck-main-controls{margin-top:10px}:root:is([data-layout=classic],[data-layout=bento]) .pitch-track{flex:0 0 320px;min-height:320px;height:320px;display:block}:root:is([data-layout=classic],[data-layout=bento]) .vertical-fader{height:310px!important;min-height:310px;position:absolute;inset:0}:root:is([data-layout=classic],[data-layout=bento]) .pitch-section:has(.vertical-fader:focus-visible){box-shadow:inset 0 0 0 2px var(--accent)}}@media(min-width:761px){.focused-deck .deck{display:grid;grid-template-columns:minmax(0,1fr) 170px;column-gap:20px;grid-template-rows:auto auto auto auto 1fr}.focused-deck .deck-heading{grid-column:1/-1}.focused-deck .deck-screen,.focused-deck .deck-actions,.focused-deck .deck-action-hint,.focused-deck .deck-main-controls{grid-column:1}.focused-deck .deck-controls{display:contents}.focused-deck .deck-main-controls{margin-top:12px}.focused-deck .pitch-section{grid-column:2;grid-row:2/6;align-self:stretch;width:170px}.focused-deck .pitch-track{min-height:510px;height:510px;flex-basis:510px;width:98px}.focused-deck .vertical-fader{height:500px!important;min-height:500px}.focused-deck .jog-wheel{width:220px;height:220px;min-width:220px}.focused-deck .jog-row{min-height:220px;gap:25px}.focused-deck .jog-wheel:before{inset:44px}.focused-deck .jog-label strong{font-size:38px}.focused-deck .jog-label small{font-size:9px}:root:is([data-layout=classic],[data-layout=bento]) .focused-deck .deck{grid-template-columns:minmax(0,1fr) 170px}:root:is([data-layout=classic],[data-layout=bento]) .focused-deck .pitch-section{width:170px}:root:is([data-layout=classic],[data-layout=bento]) .focused-deck .pitch-track{flex:0 0 510px}:root:is([data-layout=classic],[data-layout=bento]) .focused-deck .vertical-fader{height:500px!important}:root[data-layout=alien] .focused-deck .deck-controls{display:grid;grid-row:auto}:root[data-layout=alien] .focused-deck .pitch-section{grid-column:auto;grid-row:auto;width:130px}:root[data-layout=alien] .focused-deck .deck-main-controls{grid-column:auto}:root[data-layout=alien] .focused-deck .jog-wheel{width:180px;height:180px;min-width:180px}}@media(prefers-reduced-motion:reduce){.jog-wheel,.jog-wheel.is-playing{animation:none!important}}:root[data-layout=classified3]{--number-sheet:url(/skins/classified3/numbers.png);--numbers-width:297px;--transport-sheet:url(/skins/classified3/cbuttons.png);--variant-metal:linear-gradient(90deg,#aaa9b1 0%,#d2d0c9 7%,#96949d 16%,#b8b5b7 47%,#807e89 100%)}:root[data-layout=classified3] .topbar,:root[data-layout=classified3] .focus-toolbar{border-radius:0;border:2px solid #a09b99;border-top-color:#e3ddcb;border-bottom-color:#3c3b44;background:linear-gradient(#777580,#383841 50%,#595763);color:#f6f3e7;text-shadow:1px 1px #17171b}:root[data-layout=classified3] .main-nav{gap:2px}:root[data-layout=classified3] .nav-item{border-radius:0;background:linear-gradient(#d2cdc0,#a7a4a8 45%,#777580);border:1px solid #25252d;box-shadow:inset 1px 1px #efeddd,inset -1px -1px #68636b;color:#16161a;text-shadow:0 1px #e2ddcd}:root[data-layout=classified3] .nav-item.active{background:#3b3a45;color:#f7e8b9;text-shadow:none;box-shadow:inset 1px 1px #17171d}:root[data-layout=classified3] .deck-rack{border-radius:0;padding:4px;background:#6b6872;border:3px ridge #c5bda8;box-shadow:0 4px #111,inset 0 0 0 1px #28252b}:root[data-layout=classified3] .rack-title,:root[data-layout=classified3] .deck-heading,:root[data-layout=classified3] .panel-heading{background:linear-gradient(#3f3e49,#22232a);border-top:2px ridge #d6bd82;border-bottom:2px groove #a88e59;border-radius:0;color:#f5f1e6;letter-spacing:1px}:root[data-layout=classified3] .deck{border-radius:0;padding:8px;border:2px ridge #d0c6b0;background:var(--skin-panel),var(--variant-metal);color:#16171b;box-shadow:inset 0 0 0 1px #4a4654,3px 3px #181820}:root[data-layout=classified3] .deck-heading{margin:-2px -2px 6px;padding:4px 6px;min-height:24px}:root[data-layout=classified3] .deck-letter{background:#d4bc7d;color:#25232c;border:1px outset #e6ddc8;border-radius:0;text-shadow:0 1px #eee7d7}:root[data-layout=classified3] .deck-screen{border:3px ridge #b0aeb7;border-radius:0;background:#030303;padding:9px 10px;color:#f4f5e9;box-shadow:inset 2px 2px #000,0 1px #ece5cd}:root[data-layout=classified3] .track-title{border-bottom:1px solid #393839;padding-bottom:5px;font-family:Tahoma,Arial,sans-serif;font-size:11px;letter-spacing:1px}:root[data-layout=classified3] .lcd-row{justify-content:flex-start;gap:20px;padding:4px 0}:root[data-layout=classified3] .time-display{margin-left:auto;align-items:flex-end;color:#dedfd3}:root[data-layout=classified3] .lcd-time{font-family:Courier New,monospace;font-weight:400;color:#f5f5e9}:root[data-layout=classified3] .waveform-wrap{border-radius:0;border:1px inset #64616b;background:#000;height:48px}:root[data-layout=classified3] .beat-dot{border-radius:0;border-color:#42463b;color:#8b9a75}:root[data-layout=classified3] .beat-dot.on{background:#9cec51;color:#0a1501;box-shadow:none}:root[data-layout=classified3] .deck-actions{border-top:3px ridge #d1c2a2;border-bottom:3px groove #77737b;padding:5px 0;margin-top:8px}:root[data-layout=classified3] .deck-action,:root[data-layout=classified3] .small-button,:root[data-layout=classified3] .generate-pattern,:root[data-layout=classified3] .voice-solo,:root[data-layout=classified3] .transport-cue,:root[data-layout=classified3] .set-cue,:root[data-layout=classified3] .nudge-controls button{border-radius:0;background:linear-gradient(#d9d3c6,#b3ada8 45%,#8b878d 48%,#beb8ad);border:1px solid #46414a;box-shadow:inset 1px 1px #f4efdd,inset -1px -1px #625d69;color:#1c191e;text-shadow:0 1px #e5dec9;font-family:Tahoma,Arial,sans-serif}:root[data-layout=classified3] .jog-wheel{border:7px ridge #c6bfab;background:repeating-radial-gradient(#22232b 0 2px,#363641 3px 4px);border-radius:50%;box-shadow:0 0 0 2px #4a4351,3px 4px #6a6267}:root[data-layout=classified3] .jog-label{background:linear-gradient(120deg,#c5b689,#5e5761);color:#f4edd4;border:2px ridge #c9c1af}:root[data-layout=classified3] .pitch-section{border:3px ridge #cfc7b2;border-radius:0;background:linear-gradient(90deg,#8c8996,#b9b5bb 35%,#c8c3c0 62%,#85818d);padding:10px 8px;color:#f6e0a3}:root[data-layout=classified3] .pitch-ticks{color:#fff6da;text-shadow:1px 1px #625c64}:root[data-layout=classified3] .voice-row{border-radius:0;border:1px inset #5d5a64;background:#191a20;color:#e3dfcf;box-shadow:0 1px #e0d8c5}:root[data-layout=classified3] .voice-strip{border-bottom:1px solid #77716e;background:linear-gradient(#6c6a78,#4b4954)}:root[data-layout=classified3] .step-button{border-radius:0;border:1px outset #7c777c;background:#3a3944;color:#b3b2b8}:root[data-layout=classified3] .step-button.on{background:linear-gradient(#ddedb5,#8da85c);border-color:#d1dcaf;color:#202514;box-shadow:inset 0 1px #f7ffe0}:root[data-layout=classified3] .mixer,:root[data-layout=classified3] .output-routing{border-radius:0;border:2px ridge #bfb7a2;background:linear-gradient(#777480,#484751);color:#ece7d8}:root[data-layout=classified5]{--background:#192332;--panel:#48627d;--panel-light:#d8dfe7;--text:#f2f8ff;--muted:#d3e1ed;--accent:#d9edff;--secondary:#f5ca67;--screen:#164884;--border:#c4d0e0;--number-sheet:url(/skins/classified5/numbers.png);--numbers-width:297px;--transport-sheet:url(/skins/classified5/cbuttons.png);--variant-metal:linear-gradient(110deg,#e9edf3 0%,#b1b7c2 17%,#f7faff 36%,#aeb5c0 58%,#dce3eb 81%,#8a96a5 100%)}:root[data-layout=classified5] .topbar,:root[data-layout=classified5] .focus-toolbar{background:linear-gradient(#111a2d,#56718f 48%,#162238 52%,#10192c);border:2px ridge #b9cadc;border-radius:7px 7px 0 0;color:#fff;text-shadow:1px 1px #050e1b}:root[data-layout=classified5] .nav-item{border-radius:15px 15px 5px 5px;background:linear-gradient(#f0f7ff,#a2b4c9 48%,#576c88 51%,#c2d1e4);color:#14243a;border:1px solid #142038;box-shadow:inset 0 1px 2px #fff,0 1px 2px #050c15}:root[data-layout=classified5] .nav-item.active{background:linear-gradient(#20548c,#092650 60%,#163b69);color:#dcedff;box-shadow:inset 0 1px 5px #050e1f}:root[data-layout=classified5] .deck-rack{border-radius:10px;padding:5px;background:linear-gradient(#7f93ad,#253954 45%,#8295ae);border:2px ridge #bccde2;box-shadow:0 5px 8px #000b,inset 0 0 0 1px #20314a}:root[data-layout=classified5] .rack-title{background:linear-gradient(#163151,#6e87a5 48%,#1b2b46 52%,#101c33);border-radius:5px 5px 0 0;border-top:1px solid #d7e2f1;border-bottom:1px solid #081426;color:#fff;letter-spacing:1.5px}:root[data-layout=classified5] .deck{border-radius:12px 12px 20px 7px;padding:12px 10px;background:var(--skin-panel),var(--variant-metal);border:2px solid #142640;box-shadow:inset 2px 2px 1px #fff,inset -2px -2px #667687,0 1px #cbd8e8;color:#152337}:root[data-layout=classified5] .deck-heading{padding:3px 6px 6px;border-bottom:1px solid #506680;box-shadow:0 1px #fff;color:#203049}:root[data-layout=classified5] .deck-letter{border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#a9bdd3 45%,#3d526a 80%);border:1px solid #293d58;box-shadow:inset 0 1px #fff,0 1px 2px #273448;color:#152943}:root[data-layout=classified5] .deck-screen{border:3px solid #1a2c48;border-top-color:#536b87;border-left-color:#576f8a;border-bottom-color:#f0f8ff;border-radius:12px 12px 5px 5px;padding:12px 12px 8px;background:repeating-linear-gradient(0deg,#d3e5ff06 0 1px,transparent 1px 3px),linear-gradient(110deg,#143c71,#194d95 56%,#2e67b0);color:#eef8ff;box-shadow:inset 0 2px 7px #020d29,0 0 0 1px #8b9bae}:root[data-layout=classified5] .lcd-row{padding:5px 3px 7px;align-items:center}:root[data-layout=classified5] .lcd-number{filter:drop-shadow(0 0 3px #b8dcff55)}:root[data-layout=classified5] .time-display{background:linear-gradient(#0e3261,#245b9f);border:1px inset #547ba4;border-radius:7px;padding:5px 8px;align-items:center;min-width:100px}:root[data-layout=classified5] .lcd-time{font-family:Courier New,monospace;font-weight:700;color:#fff;text-shadow:0 0 3px #b9e1ff}:root[data-layout=classified5] .track-title{font-family:Tahoma,Arial,sans-serif;letter-spacing:1px;color:#f0f6ff}:root[data-layout=classified5] .waveform-wrap{border:1px solid #386ea8;border-radius:5px;background:#12386d;height:52px}:root[data-layout=classified5] .waveform{mix-blend-mode:screen}:root[data-layout=classified5] .beat-dot{border-radius:50%;border:1px solid #426a9f;background:#173f76;color:#96bce9}:root[data-layout=classified5] .beat-dot.on{background:#c9e6ff;color:#102e58;box-shadow:0 0 5px #e0f2ff}:root[data-layout=classified5] .deck-actions{border-radius:14px;background:linear-gradient(#77899d,#eef5fb 32%,#b4c2cf 66%,#d8e2ea);padding:5px;border:1px solid #6a819a;box-shadow:inset 0 1px #fff;margin-top:8px;gap:8px}:root[data-layout=classified5] .deck-action,:root[data-layout=classified5] .small-button,:root[data-layout=classified5] .generate-pattern,:root[data-layout=classified5] .voice-solo{border-radius:14px;background:linear-gradient(#fff,#c3d0de 43%,#8596a9 48%,#d2dce7);border:1px solid #526d88;box-shadow:inset 0 1px #fff,0 1px 2px #6e7c8c;color:#1c2d46;text-shadow:0 1px #f3faff}:root[data-layout=classified5] .transport{border-radius:20px;background:linear-gradient(#f2f7fd,#9eacbd);border-top:1px solid #fff;border-bottom:1px solid #657891;padding:5px 7px;gap:8px}:root[data-layout=classified5] .transport-cue,:root[data-layout=classified5] .set-cue,:root[data-layout=classified5] .nudge-controls button{border-radius:50%;min-width:36px;height:36px;padding:0 5px;background:radial-gradient(circle at 50% 32%,#fff,#d8e0eb 32%,#78899e 61%,#f0f5fb 70%,#687b95 78%,#17283d);border:1px solid #6e829a;box-shadow:0 1px 3px #334158;color:#25364b;font-weight:700}:root[data-layout=classified5] .jog-wheel{border:9px ridge #d8e5f1;background:repeating-radial-gradient(#172a47 0 2px,#2d4262 3px 4px);box-shadow:0 0 0 2px #526984,0 4px 7px #3c4a5b;border-radius:50%}:root[data-layout=classified5] .jog-label{background:radial-gradient(circle at 40% 30%,#d2e7fc,#7091b6 50%,#1a3c66);color:#fff;border:2px ridge #b3cce7;border-radius:50%}:root[data-layout=classified5] .pitch-section{border:2px ridge #b8c7d7;border-radius:18px 18px 7px 7px;background:linear-gradient(90deg,#9cabbc,#f6faff 24%,#c4cfdb 70%,#8d9fb4);box-shadow:inset 0 1px 3px #fff;color:#20354d;padding:12px 9px}:root[data-layout=classified5] .pitch-ticks{color:#334d69;text-shadow:0 1px #fff}:root[data-layout=classified5] .voice-row{border:2px ridge #cedbea;border-radius:9px;background:linear-gradient(110deg,#b8c7d9,#f0f7ff 48%,#b0bfd1);color:#233a55;box-shadow:0 1px 2px #5b6c81}:root[data-layout=classified5] .voice-strip{background:linear-gradient(#edf6ff,#b2c5da);border-bottom:1px solid #647f9f;border-radius:7px 7px 0 0}:root[data-layout=classified5] .step-button{border:1px solid #506b8c;border-radius:5px;background:linear-gradient(#b8cee3,#6b89a8);color:#243e5c;box-shadow:inset 0 1px #eaf6ff}:root[data-layout=classified5] .step-button.on{background:linear-gradient(#245b9b,#103465);color:#eff8ff;box-shadow:inset 0 1px 3px #051a37,0 0 2px #e5f6ff}:root[data-layout=classified5] .mixer,:root[data-layout=classified5] .output-routing{border:2px ridge #b9cce0;border-radius:8px;background:linear-gradient(#dfe9f4,#9cabbd);color:#24384e}:root[data-layout=bento]{--number-sheet:url(/skins/bento/nums_ex.png);--numbers-width:324px;--transport-sheet:url(/skins/bento/cbuttons.png);--variant-metal:linear-gradient(90deg,#30383c,#42494d 45%,#272f33)}:root[data-layout=bento] .topbar,:root[data-layout=bento] .focus-toolbar{border:1px solid #151a1e;border-radius:0;background:linear-gradient(#b0b8bc,#667177 40%,#2c343b 45%,#48535b);box-shadow:inset 0 1px #e2e7e9;color:#e1e9ec;font:11px Tahoma,Arial,sans-serif;text-shadow:1px 1px #182025}:root[data-layout=bento] .nav-item{border-radius:0;background:linear-gradient(#879298,#59656c);border:1px solid #1e2a30;box-shadow:inset 1px 1px #bac3c7;color:#eff3f3;font-family:Tahoma,Arial,sans-serif;font-size:11px}:root[data-layout=bento] .nav-item.active{background:#222d34;color:#bbd9e3;box-shadow:inset 1px 1px #0b141a;border-bottom:2px solid #90b5c2}:root[data-layout=bento] .deck-rack{border-radius:0;background:#1c242a;border:2px solid #0a1014;box-shadow:inset 0 1px #89959e,0 3px 2px #000;padding:4px}:root[data-layout=bento] .rack-title,:root[data-layout=bento] .deck-heading,:root[data-layout=bento] .panel-heading{border-radius:0;background:linear-gradient(#b2bcc1,#738087 32%,#39454e 38%,#596771);border:1px solid #1a232b;border-top-color:#d7dfe3;color:#edf2f3;font:700 10px Tahoma,Arial,sans-serif;letter-spacing:.2px;text-shadow:1px 1px #25313a}:root[data-layout=bento] .rack-title{height:19px;min-height:19px}:root[data-layout=bento] .deck{border:1px solid #738087;border-radius:0;padding:6px;background:var(--skin-panel),var(--variant-metal);box-shadow:inset 1px 1px #111b20,inset -1px -1px #0a1218;color:#c3cfd3}:root[data-layout=bento] .deck-heading{margin:-2px -2px 5px;padding:2px 5px;min-height:21px}:root[data-layout=bento] .deck-letter{width:19px;height:17px;border-radius:0;background:#293841;border:1px inset #a1b2bb;box-shadow:none;color:#b7d8e1;font:11px Tahoma,Arial,sans-serif}:root[data-layout=bento] .deck-screen{border:1px solid #68767e;border-right-color:#111a20;border-bottom-color:#111a20;border-radius:0;padding:8px;background:#060b0d;box-shadow:inset 0 0 0 2px #172125;color:#a9c4cc}:root[data-layout=bento] .track-title{font:10px Courier New,monospace;letter-spacing:.4px;border-bottom:1px solid #1e2a2e;padding-bottom:5px;color:#b2ced6}:root[data-layout=bento] .lcd-row{align-items:flex-start;margin:8px 0 6px}:root[data-layout=bento] .time-display{align-items:flex-start;border-left:1px solid #34434a;padding:2px 0 2px 10px;color:#8faeb8}:root[data-layout=bento] .lcd-time{font:18px Courier New,monospace;letter-spacing:3px;font-weight:700;color:#bad1d8}:root[data-layout=bento] .lcd-number{text-shadow:none;filter:none}:root[data-layout=bento] .waveform-wrap{height:40px;border-radius:0;border:0;border-top:1px solid #26383f;background:#080f12}:root[data-layout=bento] .beat-indicators{gap:2px}:root[data-layout=bento] .beat-dot{height:12px;width:14px;line-height:10px;border-radius:0;border:1px solid #31434b;background:#111a1e;color:#657c85}:root[data-layout=bento] .beat-dot.on{background:#b0d1d9;color:#132129;box-shadow:none}:root[data-layout=bento] .deck-actions{padding:5px 0;margin-top:5px;border-top:1px solid #171f24;border-bottom:1px solid #5a686e;gap:4px}:root[data-layout=bento] .deck-action,:root[data-layout=bento] .small-button,:root[data-layout=bento] .generate-pattern,:root[data-layout=bento] .voice-solo,:root[data-layout=bento] .transport-cue,:root[data-layout=bento] .set-cue,:root[data-layout=bento] .nudge-controls button{border-radius:1px;background:linear-gradient(#e4e7e7,#aab1b4 48%,#7d888d 51%,#bac2c5);border:1px solid #121d24;box-shadow:inset 1px 1px #f8ffff,inset -1px -1px #636f76;color:#202b31;text-shadow:0 1px #dfe7e9;font:10px Tahoma,Arial,sans-serif}:root[data-layout=bento] .transport{border-top:1px solid #111b20;box-shadow:0 -1px #667178;padding-top:8px;gap:3px}:root[data-layout=bento] .transport-cue{min-width:48px}:root[data-layout=bento] .jog-wheel{border:6px solid #69777d;border-radius:50%;background:repeating-radial-gradient(#131d22 0 2px,#253139 3px 4px);box-shadow:0 0 0 1px #101a20,inset 0 0 0 1px #9daeb5,0 2px #131d23}:root[data-layout=bento] .jog-label{border:1px solid #93aab3;background:#263941;border-radius:50%;color:#bad7df}:root[data-layout=bento] .pitch-section{border:1px solid #111b21;border-left:2px groove #778990;border-radius:0;background:#111a20;padding:9px 8px;color:#b0c5cd;box-shadow:inset 0 1px #3f5059}:root[data-layout=bento] .pitch-ticks{color:#8ba3ad;text-shadow:none}:root[data-layout=bento] .voice-row{border-radius:0;border:1px solid #0b1318;background:#111b21;color:#a4bac4;box-shadow:0 1px #52636c}:root[data-layout=bento] .voice-strip{border-radius:0;background:linear-gradient(#4b5a64,#303e48);border-top:1px solid #8a9ba4;border-bottom:1px solid #0c171d}:root[data-layout=bento] .step-button{border-radius:0;border:1px solid #070e13;background:#2d3c47;color:#839ba9;box-shadow:inset 0 1px #506575}:root[data-layout=bento] .step-button.on{background:linear-gradient(#d7e4e9,#8fa9b7);border-color:#b3ccd6;color:#14252d;box-shadow:inset 0 1px #f1fcff}:root[data-layout=bento] .mixer,:root[data-layout=bento] .output-routing{border-radius:0;border:1px solid #15222a;border-top:3px ridge #83959e;background:#24323c;color:#c4d4db}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .transport-play{width:46px;min-width:46px;height:36px;padding:0;background-image:var(--transport-sheet);background-size:272px 72px;background-position:-46px 0;background-repeat:no-repeat;border:0;box-shadow:none;color:transparent;text-shadow:none;font-size:0;image-rendering:pixelated}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .transport-play.engaged{background-position:-92px 0}:root[data-layout=classified3] .transport-play{border-radius:0}:root[data-layout=classified5] .transport-play{border-radius:18px}:root[data-layout=bento] .transport-play{border-radius:1px}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .deck-focus-view .deck{box-shadow:none}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .voice-solo.active{color:#10140e;background:#d2d7a0;text-shadow:none}@media(max-width:700px){:root[data-layout=classified5] .deck{border-radius:10px;padding:8px}:root[data-layout=classified5] .transport{gap:4px;padding:4px}:root[data-layout=classified5] .nudge-controls button{min-width:30px;height:32px}:root[data-layout=classified5] .time-display{min-width:75px;padding:4px}:root[data-layout=classified3] .deck{padding:6px}:root[data-layout=bento] .deck{padding:5px}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .deck-actions{gap:5px}}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .rack-title{background-image:var(--skin-titlebar),linear-gradient(#737f8c,#242b34);background-size:auto 100%,cover;background-repeat:repeat-x}.lcd-digit[data-digit="0"]{--digit:0}.lcd-digit[data-digit="1"]{--digit:1}.lcd-digit[data-digit="2"]{--digit:2}.lcd-digit[data-digit="3"]{--digit:3}.lcd-digit[data-digit="4"]{--digit:4}.lcd-digit[data-digit="5"]{--digit:5}.lcd-digit[data-digit="6"]{--digit:6}.lcd-digit[data-digit="7"]{--digit:7}.lcd-digit[data-digit="8"]{--digit:8}.lcd-digit[data-digit="9"]{--digit:9}:root[data-layout=classified3] .deck :is(.deck-action-hint,.jog-description strong,.jog-description small,.zoom-controls>span,.control-label,.pitch-wheel-hint,.composer-help,.deck-options .toggle-label,.deck-volume-row>label,.vu-section>span,.source-bpm,.nudge-controls>span){color:#38343d;text-shadow:0 1px #e5e0d555}:root[data-layout=classified3] .pitch-section>.control-label{color:#27232d}:root[data-layout=classified3] .pitch-ticks{color:#39323d;text-shadow:0 1px #e5dfd1}:root[data-layout=classified3] .deck-letter{background:#d4bc7d!important;color:#25232c}:root[data-layout=classified3] .voice-pattern .pattern-mode{color:#d9d6c4}:root[data-layout=classified5] .deck :is(.deck-action-hint,.jog-description strong,.jog-description small,.zoom-controls>span,.control-label,.pitch-wheel-hint,.composer-help,.deck-options .toggle-label,.deck-volume-row>label,.vu-section>span,.source-bpm,.nudge-controls>span){color:#304156;text-shadow:0 1px #f8fcff77}:root[data-layout=classified5] .pitch-section>.control-label{color:#20334a}:root[data-layout=classified5] .voice-gain,:root[data-layout=classified5] .voice-pan,:root[data-layout=classified5] .voice-pattern .pattern-mode{color:#253e59}:root[data-layout=classified5] .deck-heading{background:linear-gradient(#dce8f4,#98aec5 45%,#bdcddd);color:#172c43;text-shadow:0 1px #f2faff;border-top:1px solid #fff}:root[data-layout=classified5] .deck-letter{background:radial-gradient(circle at 35% 25%,#fff,#a9bdd3 45%,#3d526a 80%)!important;color:#152943}:root[data-layout=classified5] .mixer :is(.control-label,.crossfader-labels,.toggle-label,.mixer-monitor>small),:root[data-layout=classified5] .output-routing :is(.routing-heading>small,.routing-explanation,.routing-device-note,.routing-limitation){color:#243b54}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .rack-title{background-size:100% 100%,cover;background-repeat:no-repeat}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .rack-title{background-size:auto 100%,cover;background-position:center;background-repeat:no-repeat}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .rack-title>span:first-child,:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .rack-title>span:last-child{position:relative;padding:1px 3px;background:#293039;white-space:nowrap}:root[data-layout=classified5] .rack-title>span:first-child,:root[data-layout=classified5] .rack-title>span:last-child{background:#172b45}@media(max-width:700px){:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .rack-title>span:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}:root:is([data-layout=classified3],[data-layout=classified5],[data-layout=bento]) .rack-title>span:last-child{display:none}}:root:is([data-layout=classified3],[data-layout=classified5]) :is(.coach-panel,.tap-panel){background:var(--skin-panel),var(--variant-metal);color:#26313e}:root:is([data-layout=classified3],[data-layout=classified5]) :is(.coach-copy h3,.coach-copy p,.coach-bottom>span,.match-result>div:last-child strong,.match-result>div:last-child p,.match-result>div:last-child small,.mic-row button,.mic-row small){color:#2e3a48}:root:is([data-layout=classified3],[data-layout=classified5]) .tap-button{background:linear-gradient(#f4f6f8,#b9c1cb 45%,#8c98a6 50%,#c8d0d8);border-color:#8998a9;color:#203044}:root:is([data-layout=classified3],[data-layout=classified5]) .tap-button :is(strong,small){color:#203044}:root:is([data-layout=classified3],[data-layout=classified5]) .tap-readout{min-width:0;flex:1;background:var(--screen);border:2px inset var(--border);padding:8px}:root:is([data-layout=classified3],[data-layout=classified5]) .tap-readout>strong{color:var(--accent)}:root:is([data-layout=classified3],[data-layout=classified5]) .tap-readout>:is(small,span){color:var(--muted)}:root:is([data-layout=classified3],[data-layout=classified5]) .score-circle{background:var(--screen);border:2px inset var(--border);color:var(--accent)}:root[data-layout=classified5] .output-routing :is(.routing-toggle,.routing-control>span,.routing-mix-note){color:#20374f}:root[data-layout=classified5] .mixer .crossfader-labels strong,:root[data-layout=classified5] .mixer .master-volume .control-label strong{color:#20374f}:root:is([data-layout=classified3],[data-layout=classified5]) :is(.lesson-card,.drill-card,.history-panel,.stat-card,.skin-import-panel,.skin-card-copy){--text:#203047;--muted:#34465d;--accent:#193c68;--secondary:#715126;background:var(--skin-panel),var(--variant-metal);color:var(--text)}:root[data-layout=classified3] :is(.lesson-card,.drill-card,.history-panel,.stat-card,.skin-import-panel,.skin-card-copy){--text:#2d2832;--muted:#46404b;--accent:#4a3520}:root:is([data-layout=classified3],[data-layout=classified5]) .lesson-card.locked{opacity:.8}:root:is([data-layout=classified3],[data-layout=classified5]) .lesson-button{border-top:1px solid #536172}:root:is([data-layout=classified3],[data-layout=classified5]) :is(.track-library,.reference-library){background:var(--skin-panel),linear-gradient(#32465b,#202e3e);color:#edf5ff}:root[data-layout=classified3] :is(.track-library,.reference-library){background:var(--skin-panel),linear-gradient(#4f4b55,#28252e)}:root:is([data-layout=classified3],[data-layout=classified5]) .footer{color:#e0e5e8}.app-shell .decks .deck{display:block}.app-shell .deck-module-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;align-items:start;margin-top:10px}.app-shell .deck-module-grid.has-pitch{grid-template-columns:minmax(0,1fr) 154px}.app-shell .deck-module-grid>.player-module{min-width:0;grid-column:1;margin:0}.app-shell .deck-module-grid.has-pitch>.module-pitch:not(.is-collapsed){grid-column:2;grid-row:1/span 7;align-self:start}.app-shell .deck-module-grid>.module-pitch.is-collapsed{grid-column:1/-1}.player-module{border:2px ridge var(--border);background:var(--panel);box-shadow:1px 2px #0006;min-width:0;overflow:visible}.module-titlebar{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:25px;padding:2px 4px;background:linear-gradient(#635e77,#29283d 48%,#181826 52%,#444056);border-bottom:1px solid #08080f;color:#eee9d1;font:10px Tahoma,Verdana,sans-serif;text-shadow:1px 1px #000}.module-titlebar>strong,.module-titlebar>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 9px Tahoma,sans-serif;letter-spacing:.3px}.module-titlebar>div,.module-window-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}.module-titlebar button{font:9px Tahoma,sans-serif;padding:1px 4px;min-height:19px;min-width:21px;background:linear-gradient(#b7b4c3,#777283);color:#13121b;text-shadow:0 1px #d8d2df;border:1px outset #d4cbdc;border-radius:0;box-shadow:none}.module-titlebar button:last-child{font-weight:700}.module-titlebar button:active{border-style:inset}.module-body{padding:8px;min-width:0}.player-module.is-collapsed{box-shadow:none}.player-module.is-collapsed .module-titlebar{border:0}.app-shell .module-screen .module-body{padding:4px}.app-shell .module-screen .deck-screen{margin:0;width:auto;min-width:0}.app-shell .module-screen .lcd-row{margin-bottom:3px;flex-wrap:wrap}.app-shell .module-screen .lcd-number{flex-shrink:0}.app-shell .module-screen .time-display{margin-left:auto}.app-shell .module-waveform .waveform-wrap{height:100px;margin:0 0 6px}.app-shell .module-waveform .waveform-label{font-size:8px}.app-shell .module-jog .jog-row{margin:2px 0;gap:15px}.app-shell .deck-transport .transport{gap:6px;margin:0;justify-content:flex-start}.app-shell .module-volume .deck-volume-row{margin:0;display:block}.app-shell .module-volume label{display:flex;gap:10px;align-items:center;width:100%;font:10px Courier New,monospace}.app-shell .module-volume input{flex:1;width:100%;min-width:0;height:7px}.app-shell .module-volume input::-webkit-slider-thumb{width:18px;height:24px}.app-shell .module-vu .vu-section{justify-content:center;padding:4px}.app-shell .module-vu .vu-meter{height:28px;flex:1;max-width:300px;gap:3px}.app-shell .module-vu .vu-segment{flex:1;min-width:4px}.app-shell .module-loop .deck-options{margin:0}.app-shell .module-eq .eq-controls{margin:0;border:0;padding:4px;background:transparent}.app-shell .module-composer .element-panel{margin:0}.app-shell .module-composer .composer-rack{max-height:430px}.app-shell .module-composer .composer-actions{gap:4px}.app-shell .module-composer .instrument-selector{width:100%;flex-basis:100%}.add-module-menu{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 0 2px;margin-top:5px;border-top:2px groove var(--border)}.add-module-menu>label{display:flex;align-items:center;gap:6px;font:10px Tahoma,sans-serif;min-width:0}.add-module-menu select{max-width:100%;min-width:140px;padding:5px 7px;background:var(--screen);color:var(--accent);border:2px inset var(--border);font:11px Tahoma,sans-serif;border-radius:0}.add-module-menu button,.layout-preset{padding:5px 8px;background:linear-gradient(var(--panel-light),var(--panel));border:2px outset var(--border);color:var(--text);border-radius:0;font:10px Tahoma,sans-serif}.add-module-menu small,.module-empty{font:10px/1.5 Tahoma,sans-serif;color:var(--muted)}.app-shell .global-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;align-items:start}.app-shell .global-module-grid>.player-module{min-width:0}.app-shell .global-module-grid>.module-outputs,.app-shell .global-module-grid>.module-discovery{grid-column:1/-1}.app-shell .global-module-grid .crossfader{padding:6px 8px}.app-shell .global-module-grid .crossfader-labels{font-size:10px}.app-shell .global-module-grid .crossfader input{height:8px}.app-shell .global-module-grid .crossfader input::-webkit-slider-thumb{height:28px;width:36px}.app-shell .global-module-grid .master-volume{width:auto;justify-self:stretch;padding:6px 8px;margin:0;display:flex;gap:8px}.app-shell .global-module-grid .mixer-monitor{padding:6px 8px}.app-shell .global-module-grid .output-routing{padding:2px;border:0;background:transparent;box-shadow:none}.app-shell .global-module-grid .coach-panel,.app-shell .global-module-grid .tap-panel{border:0;box-shadow:none;margin:0;padding:8px;background:transparent}.app-shell .global-module-grid .panel-heading{margin:0 0 9px;padding:3px 0;background:none;border:0}.app-shell .global-module-grid .module-body>.reference-crate{margin:0;padding:0;border:0}.app-shell .global-module-grid .track-library{margin:0;padding:3px;border:0;box-shadow:none}.app-shell .module-pitch .module-body{padding:6px}.app-shell .pitch-section{display:flex;flex-direction:column;align-items:center;width:100%!important;max-width:none;min-width:0;padding:5px 7px;gap:7px;border:0!important;border-radius:0!important;box-shadow:none!important;background-color:var(--panel);background-image:var(--skin-pitch),linear-gradient(90deg,#0003,#fff1,#0003)}.app-shell .pitch-track{position:relative;display:block;flex:0 0 340px;width:100%;max-width:122px;height:340px;min-height:340px;padding:0;margin:0;border:0}.app-shell .pitch-rail{position:absolute;top:14px;bottom:14px;left:50%;width:9px;transform:translate(-50%);background:#080911;border:1px inset #7e7c8f;box-shadow:1px 0 #b0abb65c;border-radius:2px;pointer-events:none}.app-shell .pitch-rail:after{content:"";position:absolute;top:50%;left:-18px;right:-18px;height:1px;background:var(--accent);box-shadow:0 0 2px var(--accent)}.app-shell .pitch-marker-layer{position:absolute;inset:14px 0;pointer-events:none}.app-shell .pitch-handle{position:absolute;top:var(--pitch-position,50%);left:50%;transform:translate(-50%,-50%);width:64px;height:28px;border:1px solid #131522;border-top-color:#f6f2e8;border-left-color:#d9d6d4;border-radius:2px;background:linear-gradient(#e0ded7,#c3bfc2 38%,#9c98a2 44%,#c7c2c9 51%,#918b99);box-shadow:0 3px 3px #0008,inset 0 0 0 1px #ece4d057;z-index:2}.app-shell .pitch-handle:before,.app-shell .pitch-handle:after{content:"";position:absolute;left:7px;right:7px;height:1px;background:#fff7;box-shadow:0 1px #5a56616e}.app-shell .pitch-handle:before{top:5px}.app-shell .pitch-handle:after{bottom:5px}.app-shell .pitch-handle-line{position:absolute;left:-2px;right:-2px;height:3px;top:11px;background:#101222;border-top:1px solid #f9f2dc;box-shadow:0 1px #f5efe75c}.app-shell .pitch-handle-line:before,.app-shell .pitch-handle-line:after{content:"";position:absolute;top:0;width:8px;height:2px;background:var(--accent)}.app-shell .pitch-handle-line:before{left:0}.app-shell .pitch-handle-line:after{right:0}.app-shell .pitch-ticks{inset:14px 2px;font:10px Courier New,monospace;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(10% - 1px),#c7c2d12b calc(10% - 1px),#c7c2d12b 10%);color:var(--muted);pointer-events:none}.app-shell .vertical-fader{position:absolute;inset:0;display:block;writing-mode:vertical-lr;direction:rtl;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;opacity:0;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;cursor:ns-resize;touch-action:none;z-index:3}.app-shell .vertical-fader::-webkit-slider-runnable-track{width:8px;border:0;background:transparent;box-shadow:none;border-radius:0}.app-shell .vertical-fader::-webkit-slider-thumb{width:64px!important;height:28px!important;margin-left:-28px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0}.app-shell .vertical-fader::-moz-range-track{width:8px;border:0;background:transparent;box-shadow:none}.app-shell .vertical-fader::-moz-range-thumb{width:64px;height:28px;border:0;background:transparent;box-shadow:none}.app-shell .pitch-track:focus-within{outline:1px dashed var(--accent);outline-offset:3px;background:#ffffff04}.app-shell .pitch-track:focus-within .pitch-handle{box-shadow:0 3px 3px #0008,0 0 0 1px var(--accent)}.app-shell .pitch-value{font:700 16px Courier New,monospace;padding:5px 3px;max-width:116px;line-height:1.1}.app-shell .pitch-section>.control-label{font:700 10px Tahoma,sans-serif;letter-spacing:1px;color:var(--text)}.app-shell .pitch-section select{font:10px Tahoma,sans-serif;width:100%;max-width:122px;padding:5px 3px}.app-shell .pitch-section label{display:flex;flex-direction:column;gap:4px;width:100%;max-width:122px;font:9px Tahoma,sans-serif;color:var(--muted)}.app-shell .pitch-sensitivity{width:100%;font-size:10px}.app-shell .pitch-wheel-hint{font:9px/1.3 Tahoma,sans-serif;text-align:center;max-width:122px}.app-shell .track-picker{display:flex;flex-direction:column;gap:8px;min-width:0}.app-shell .track-picker label{display:flex;flex-direction:column;gap:4px;font:10px Tahoma,sans-serif;color:var(--muted);min-width:0}.app-shell .track-picker select{width:100%;min-width:0;padding:7px 5px;border:2px inset var(--border);background:var(--screen);color:var(--accent);font:11px Tahoma,sans-serif;border-radius:0}.app-shell .track-picker-buttons,.app-shell .track-picker-actions{display:flex;flex-wrap:wrap;gap:5px}.app-shell .track-picker button{padding:6px 8px;border:2px outset var(--border);border-radius:0;background:linear-gradient(var(--panel-light),var(--panel));color:var(--text);font:10px Tahoma,sans-serif;flex:1;white-space:nowrap}.app-shell .track-picker .load-track-button{background:linear-gradient(#d6d7df,#8e909f);color:#171a28;font-weight:700;border-color:#c1c3d0}.app-shell .track-picker .current-track,.app-shell .track-picker .picker-current{border:2px inset var(--border);padding:7px;background:var(--screen);color:var(--accent);font:10px/1.5 Courier New,monospace;overflow-wrap:anywhere}.app-shell .track-picker small{font:9px/1.5 Tahoma,sans-serif;color:var(--muted)}.app-shell .external-discovery-toggle,.app-shell .discovery-toggle{font:10px Tahoma,sans-serif;border:2px outset var(--border);background:var(--panel);color:var(--text);padding:6px 9px}.app-shell.session-focus-view{width:100%;max-width:none;margin:0;min-height:100dvh;padding:8px;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.session-focus-view .focus-toolbar{width:100%;max-width:1100px;min-height:40px;margin:0 auto 9px;padding:6px 10px;flex-shrink:0}.session-focus-view .focus-toolbar h1{font:700 12px Tahoma,sans-serif;letter-spacing:1px}.session-focus-view .focus-toolbar small{font:9px Courier New,monospace}.session-focus-view .focus-decks{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 auto;flex:1;align-items:stretch;min-height:0}.session-focus-view .focus-channel{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:0;padding:12px 16px;border:3px ridge var(--border);background:var(--skin-panel),linear-gradient(110deg,var(--panel-light),var(--panel));box-shadow:inset 0 0 0 1px #0009}.session-focus-view .focus-channel>h2,.session-focus-view .focus-channel>.focus-deck-heading{font:700 13px Tahoma,sans-serif;letter-spacing:2px;text-align:center;padding:6px;color:var(--text);background:#0003;border-top:2px ridge var(--secondary);border-bottom:2px groove var(--secondary)}.session-focus-view .focus-transport{display:flex;justify-content:center;margin:0;gap:0}.session-focus-view .focus-transport button{width:100%;max-width:260px;min-height:42px;padding:8px 12px;border:2px outset #cfccd4;border-radius:2px;background:linear-gradient(#d3d0d9,#a9a5b3 45%,#797684 50%,#b3afba);color:#171724;font:700 15px Tahoma,sans-serif;box-shadow:0 2px #0006;image-rendering:auto;text-shadow:0 1px #fff8}.session-focus-view .focus-transport button.engaged{border-style:inset;background:linear-gradient(#9abf7b,#5a8650);color:#061606}.session-focus-view .focus-channel>.pitch-section{flex:1;max-width:230px;margin:0 auto;background:none!important;min-height:0;gap:6px;padding:0 12px}.session-focus-view .pitch-track{flex:1;min-height:240px;height:calc(100dvh - 350px);max-height:650px;width:100%;max-width:180px}.session-focus-view .pitch-handle{width:84px;height:28px}.session-focus-view .vertical-fader::-webkit-slider-thumb{width:84px!important;margin-left:-38px!important}.session-focus-view .pitch-value{max-width:160px;font-size:21px}.session-focus-view .pitch-ticks{font-size:12px}.session-focus-view .pitch-wheel-hint{font-size:10px;max-width:180px}.session-focus-view .pitch-section label,.session-focus-view .pitch-section select{max-width:180px}.session-focus-view .pitch-section label{font-size:10px;gap:4px}.session-focus-view .pitch-section select{font-size:11px}.session-focus-view .pitch-section>.control-label{display:none}.session-focus-view .focus-volume,.session-focus-view .deck-volume-row{margin:0 auto;width:100%;max-width:340px;padding:9px 7px;border:2px inset var(--border);background:#0002;flex-shrink:0}.session-focus-view .focus-volume label,.session-focus-view .deck-volume-row>label{display:flex;align-items:center;gap:10px;width:100%;font:11px Courier New,monospace;color:var(--text)}.session-focus-view .focus-volume input,.session-focus-view .deck-volume-row input{width:100%;min-width:20px;height:8px}.session-focus-view .focus-volume input::-webkit-slider-thumb,.session-focus-view .deck-volume-row input::-webkit-slider-thumb{width:22px;height:28px}:root[data-layout=classified3] .player-module{background:var(--variant-metal);border:2px ridge #c8bda9;color:#29232d}:root[data-layout=classified3] .module-titlebar{background:linear-gradient(#66606f,#272330);border-top:1px solid #d1b771;color:#fff4dc}:root[data-layout=classified5] .player-module{background:var(--variant-metal);border:2px ridge #bfcedd;border-radius:9px;color:#24394f}:root[data-layout=classified5] .module-titlebar{border-radius:6px 6px 0 0;background:linear-gradient(#dfedfa,#99aec4 45%,#b9ccdd);color:#1b344c;text-shadow:0 1px #fff;border-bottom:1px solid #72899f}:root[data-layout=classified5] .module-titlebar button{border-radius:8px;background:linear-gradient(#fff,#8fa7bd);border-color:#adbdcd}:root[data-layout=bento] .player-module{background:#243039;border:1px solid #0e1b22;box-shadow:inset 0 1px #8b9aa3}:root[data-layout=bento] .module-titlebar{background:linear-gradient(#aab8bd,#56666e 45%,#34414a);border-top:1px solid #d2e0e6;color:#f4fafc}:root[data-layout=alien] .player-module{background:linear-gradient(110deg,#567a20,#324e11);border:2px ridge #a9c251;border-radius:12px}:root[data-layout=alien] .module-titlebar{background:linear-gradient(#b28ac8,#6c4386 45%,#4c2f62);border-radius:9px 9px 0 0;color:#f2ffd3}:root[data-layout=alien] .module-titlebar button{border-radius:9px;background:linear-gradient(#e2c4f4,#9866b4);color:#2b1239}:root:is([data-layout=classified3],[data-layout=classified5]) .player-module .module-body{--text:#29394c;--muted:#3f4c5d}:root:is([data-layout=classified3],[data-layout=classified5]) .player-module .pitch-section{background:linear-gradient(90deg,#939aab44,#f4faff66,#8395a333);color:#24364d}:root:is([data-layout=classified3],[data-layout=classified5]) .player-module .pitch-ticks{color:#2e4158}:root:is([data-layout=classified3],[data-layout=classified5]) .player-module :is(.control-label,.pitch-wheel-hint,.pitch-sensitivity,.composer-help){color:#344457}:root:is([data-layout=classified3],[data-layout=classified5]) .player-module .deck-screen,:root:is([data-layout=classified3],[data-layout=classified5]) .player-module .composer-rack{--text:#eef6ff;--muted:#c1d2e3}:root:is([data-layout=classified3],[data-layout=classified5]) .player-module .pitch-value,:root:is([data-layout=classified3],[data-layout=classified5]) .player-module select{color:var(--accent)}:root:is([data-layout=classified3],[data-layout=classified5]) .global-module-grid :is(.panel-heading h2,.routing-toggle,.routing-control>span,.routing-mix-note,.crossfader-labels,.crossfader-labels strong){color:#24384e}:root[data-layout=classified3] .focus-channel{background:var(--variant-metal);border-color:#cec2aa;--text:#312a33;--muted:#453c46}:root[data-layout=classified5] .focus-channel{background:var(--variant-metal);border-radius:20px;--text:#263a50;--muted:#344e68}:root:is([data-layout=classified3],[data-layout=classified5]) .focus-channel>h2{background:#e5e2dd66;color:var(--text)}:root[data-layout=bento] .focus-channel{background:linear-gradient(#394953,#1d2a33);border:2px ridge #72838c}:root[data-layout=alien] .focus-channel{background:linear-gradient(110deg,#8bbd2c,#3c6712);border:3px ridge #b8d759;border-radius:28px;color:#f1ffcb}:root[data-layout=alien] .focus-transport button{background:linear-gradient(#dbb5f0,#9563b2 45%,#5a3375 50%,#b080c7);border:2px outset #d7b9e7;border-radius:25px;color:#f7ffdf;text-shadow:1px 1px #351442}:root[data-layout=alien] .focus-transport button.engaged{background:linear-gradient(#cffa6f,#71a91e);color:#182b09}:root[data-layout=classified3] .app-shell .pitch-handle{border-top-color:#fff5d3;border-left-color:#e4d5b6;background:linear-gradient(#e4d8ba,#b8aa98 42%,#a39687 48%,#d1c2a9 53%,#958b82);border-radius:0}:root[data-layout=classified5] .app-shell .pitch-handle{border-top-color:#fff;border-left-color:#e4f3ff;background:linear-gradient(#fff,#d4e0eb 40%,#9baebf 47%,#e6f0f7 53%,#8c9fac);border-radius:5px}:root[data-layout=bento] .app-shell .pitch-handle{border-radius:0;background:linear-gradient(#c5d2d7,#8fa0a8 44%,#63757e,#aabcc4 54%,#61747c)}:root[data-layout=alien] .app-shell .pitch-handle{border-color:#452456;border-top-color:#e3c4f7;border-left-color:#d3a9ed;background:linear-gradient(#d9b9eb,#ab80c2 40%,#754590 48%,#b58acf 54%,#71438b);border-radius:5px}:root[data-layout=alien] .module-screen .deck-screen{width:260px;height:438px;margin:auto;max-width:100%}:root[data-layout=alien] .module-screen .deck-screen>.track-title{top:82px;left:23px;right:23px}:root[data-layout=alien] .module-screen .deck-screen>.lcd-row{top:112px;left:24px;right:24px;gap:10px;justify-content:center;flex-direction:column;align-items:center}:root[data-layout=alien] .module-screen .time-display{margin:0;align-items:center;gap:5px}:root[data-layout=alien] .module-screen .time-display small{font-size:7px;max-width:100%}:root[data-layout=alien] .module-screen .lcd-time{font-size:20px}:root[data-layout=alien] .module-screen .headspace-transport{position:absolute;inset:0}:root[data-artwork~=pitch] .app-shell .pitch-section{background-image:var(--skin-pitch);background-size:100% 100%;background-repeat:no-repeat}:root .app-shell .pitch-track{position:relative;display:block;flex:0 0 340px;width:100%;max-width:122px;height:340px;min-height:340px;padding:0;margin:0;border:0}:root .app-shell .vertical-fader{inset:0;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;z-index:3}:root .app-shell.session-focus-view .pitch-track{flex:1;min-height:240px;height:calc(100dvh - 350px);max-height:650px;width:100%;max-width:180px}@media(max-width:1100px){.app-shell .deck-module-grid.has-pitch{grid-template-columns:minmax(0,1fr) 138px}.app-shell .module-body{padding:6px}.app-shell .module-titlebar{font-size:9px;gap:3px;padding:2px 3px}.app-shell .module-titlebar>strong,.app-shell .module-titlebar>span:first-child{font-size:8px}.app-shell .module-titlebar button{font-size:8px;padding:1px 3px}.app-shell .pitch-section{padding:3px 4px}.app-shell .module-screen .lcd small{font-size:7px}.app-shell .module-screen .lcd-time{font-size:17px}.app-shell .module-screen .time-display small{font-size:7px}.app-shell .module-screen .loop-badge{display:none}.app-shell .module-jog .jog-row{flex-wrap:wrap}:root[data-layout=alien] .app-shell .deck-module-grid.has-pitch>.module-screen{grid-column:1/-1}:root[data-layout=alien] .app-shell .deck-module-grid.has-pitch>.module-pitch:not(.is-collapsed){grid-row:2/span 7}}@media(max-width:760px){.app-shell .deck-module-grid.has-pitch{grid-template-columns:minmax(0,1fr) 130px;gap:6px}.app-shell .module-body{padding:6px}.app-shell .deck-module-grid .module-titlebar{min-height:25px}.app-shell .module-titlebar>strong,.app-shell .module-titlebar>span:first-child{font-size:8px}.app-shell .module-titlebar button{font-size:8px;min-height:20px}.app-shell .module-screen .lcd-digit{width:18px;height:26px;flex-basis:18px;background-size:calc(var(--numbers-width) * 2 / 3) 26px;background-position:calc(var(--digit) * -18px) 0}.app-shell .module-screen .lcd-dot{width:6px;height:26px;flex-basis:6px}.app-shell .module-screen .lcd-dot:after{height:4px;width:4px;left:1px}.app-shell .module-screen .lcd-dash{width:18px;height:26px}.app-shell .module-screen .lcd-row{gap:8px;align-items:flex-start}.app-shell .module-screen .time-display{margin-left:0;align-items:flex-start}.app-shell .module-screen .time-display small{font-size:7px}.app-shell .module-screen .track-title{font-size:9px}.app-shell .module-screen .track-title>span:first-child{display:none}.app-shell .pitch-track{height:320px;min-height:320px;flex-basis:320px}.app-shell .pitch-value{font-size:14px}.app-shell .module-volume label{font-size:9px;flex-wrap:wrap;gap:5px}.app-shell .module-volume input{min-width:100%}.app-shell .module-composer .voice-strip{grid-template-columns:minmax(0,1fr) 34px}.app-shell .module-composer .voice-gain,.app-shell .module-composer .voice-pan{font-size:7px}.app-shell .module-composer .voice-gain span,.app-shell .module-composer .voice-pan span{min-width:55px}.app-shell .module-composer .step-grid{gap:2px}.app-shell .module-composer .step-button{font-size:8px;min-width:0}.app-shell .module-composer .deck-add-element,.app-shell .module-composer .chaos-button{font-size:8px;letter-spacing:0;padding:5px 3px}.app-shell .module-composer .instrument-selector{font-size:9px;padding:5px 3px}.app-shell .module-composer .voice-name.element{font-size:8px}.app-shell .global-module-grid{grid-template-columns:1fr}.app-shell .global-module-grid>.player-module{grid-column:1}.app-shell .add-module-menu{gap:5px}.app-shell .add-module-menu select{min-width:0;max-width:180px;font-size:10px}.app-shell .track-picker select{font-size:10px}.app-shell .track-picker-buttons,.app-shell .track-picker-actions{gap:4px}.app-shell .track-picker button{font-size:9px;padding:5px}.app-shell.session-focus-view{padding:4px;min-width:320px}.session-focus-view .focus-toolbar{min-height:35px;margin-bottom:6px;padding:4px 6px;gap:5px;flex-wrap:nowrap}.session-focus-view .focus-toolbar h1{font-size:10px;letter-spacing:.3px}.session-focus-view .focus-toolbar small{display:none}.session-focus-view .exit-focus-button{font-size:10px;padding:4px 6px}.session-focus-view .focus-decks{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));flex:1}.session-focus-view .focus-channel{gap:7px;padding:7px 5px;border-width:2px}.session-focus-view .focus-channel>h2,.session-focus-view .focus-channel>.focus-deck-heading{font-size:11px;padding:4px;letter-spacing:1px}.session-focus-view .focus-transport button{min-height:40px;font-size:12px;padding:6px}.session-focus-view .focus-channel>.pitch-section{padding:0 4px;max-width:180px;gap:5px}.session-focus-view .pitch-track{flex:1;min-height:200px;height:calc(100dvh - 335px);max-height:570px;width:100%;max-width:142px}.session-focus-view .pitch-handle{width:68px}.session-focus-view .vertical-fader::-webkit-slider-thumb{width:68px!important;margin-left:-30px!important}.session-focus-view .pitch-ticks{font-size:10px}.session-focus-view .pitch-value{font-size:18px;max-width:135px}.session-focus-view .pitch-wheel-hint{font-size:8px;max-width:130px}.session-focus-view .pitch-section label{font-size:9px;max-width:130px}.session-focus-view .pitch-section select{font-size:10px;max-width:130px;padding:4px 2px}.session-focus-view .focus-volume,.session-focus-view .deck-volume-row{padding:5px;margin:0;max-width:none}.session-focus-view .focus-volume label,.session-focus-view .deck-volume-row>label{font-size:9px;gap:5px;display:flex;flex-direction:column;align-items:stretch}.session-focus-view .focus-volume input,.session-focus-view .deck-volume-row input{width:100%;margin:10px 0}:root[data-layout=alien] .focus-channel{border-radius:16px}:root[data-layout=classified5] .focus-channel{border-radius:12px}}@media(max-width:760px){:root .app-shell .pitch-track{height:320px;min-height:320px;flex-basis:320px}:root .app-shell.session-focus-view .pitch-track{flex:1;min-height:200px;height:calc(100dvh - 335px);max-height:570px;width:100%;max-width:142px}}.session-focus-button{padding:5px 9px;background:linear-gradient(#b8b5c3,#777386);color:#15151f;border:2px outset #c7c2d2;border-radius:0;font:11px Tahoma,sans-serif}.app-shell .deck-heading .deck-state{margin-right:3px}.app-shell .deck-transport .deck-actions:has(>button:only-child){grid-template-columns:1fr}:root:is([data-layout=classified3],[data-layout=classified5]) .app-shell .module-coach .lesson-instruction p{color:#dce7ef}:root:is([data-layout=classified3],[data-layout=classified5]) .app-shell .decks .add-module-menu small{color:#33475c}:root:is([data-layout=classified3],[data-layout=classified5]) .app-shell .module-master .control-label strong,:root:is([data-layout=classified3],[data-layout=classified5]) .app-shell .focus-channel .deck-volume-row>strong{color:#24384e}.app-shell .track-picker .picker-current strong{display:block;font-size:8px;letter-spacing:1px;margin-bottom:3px}.app-shell .deck-transport{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:7px 2px 8px;margin:0;border-bottom:2px groove var(--border);background:transparent;box-shadow:none}.app-shell .deck-transport .deck-actions{margin:0}.app-shell .deck-transport .deck-action-hint{margin:0;grid-column:1/-1}.app-shell .deck-transport .nudge-controls{margin-left:auto}@media(min-width:1200px){.app-shell .deck-transport{grid-template-columns:minmax(230px,.95fr) minmax(0,1fr);column-gap:12px;align-items:center}.app-shell .deck-transport .deck-actions{align-self:stretch;align-items:center}.app-shell .deck-transport .deck-action{font-size:10px;padding:5px 4px}}.session-focus-view .focus-transport{gap:6px}.session-focus-view .focus-transport button{flex:1;min-width:0;width:auto;max-width:180px}.session-focus-view .focus-transport button:disabled{opacity:.68}.app-shell .pro-track-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;align-items:start}.app-shell .pro-track-pickers:empty{display:none}.app-shell .pro-track-pickers>[data-scope=deck-a]{grid-column:1}.app-shell .pro-track-pickers>[data-scope=deck-b]{grid-column:2}@media(max-width:760px){.app-shell .pro-track-pickers{grid-template-columns:minmax(0,1fr)}.app-shell .pro-track-pickers>[data-scope]{grid-column:1}}:root .app-shell .deck-module-grid{gap:6px;margin-top:7px}:root .app-shell .player-module{border-radius:0;box-shadow:inset 1px 1px #ffffff30,inset -1px -1px #0008,0 1px #ffffff24}:root .app-shell .deck-module-grid>.player-module{background:transparent}:root .app-shell .module-titlebar{min-height:21px;padding:1px 3px;border-radius:0;gap:5px;border-top:1px solid #ffffff5c;border-bottom:1px solid #080c15}:root .app-shell .module-titlebar>strong{font:700 9px Tahoma,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;flex-shrink:1}:root .app-shell .module-titlebar:after{content:"";order:1;flex:1;min-width:4px;height:5px;background:repeating-linear-gradient(to bottom,#fff6 0 1px,#0005 1px 2px);box-shadow:0 1px #0008}:root .app-shell .module-window-actions{order:2;gap:2px}:root .app-shell .module-titlebar button{min-height:16px;height:16px;min-width:17px;padding:0 3px;font:9px/14px Tahoma,Arial,sans-serif;border-radius:0;border:1px solid #121a29;box-shadow:inset 1px 1px #fff9,inset -1px -1px #3337;text-shadow:0 1px #fff8}:root .app-shell .module-titlebar button:last-child{font-size:13px;line-height:12px;font-weight:700}:root .app-shell .module-titlebar button:active{box-shadow:inset 1px 1px #0008}:root .app-shell .module-body{padding:6px}:root .app-shell .module-screen .module-body{padding:3px}:root .app-shell .module-volume .module-body{padding:9px 7px}:root .app-shell .module-pitch .module-body{padding:4px}:root .app-shell .module-pitch .pitch-section{background-color:transparent}:root .app-shell .add-module-menu{margin-top:6px;padding:5px 2px 2px;gap:8px}:root .app-shell .add-module-menu select{font:10px Tahoma,Arial,sans-serif;padding:3px 5px;border-width:1px}:root .app-shell .add-module-menu small{font:9px Tahoma,Arial,sans-serif}:root .app-shell .deck-transport .transport{background:none;border:0;box-shadow:none;border-radius:0;padding:1px 3px}:root .app-shell .deck-transport .deck-actions{background:none;border:0;box-shadow:none;border-radius:0;padding:0;gap:5px}:root .app-shell .deck-transport .deck-action-hint{font:9px Tahoma,Arial,sans-serif}:root .app-shell .deck-module-grid>.deck-transport{grid-column:1;grid-template-columns:minmax(0,1fr);gap:4px;padding:4px 2px 6px;align-self:start;min-width:0}:root .app-shell .global-module-grid>.player-module:last-child:nth-child(odd){grid-column:1/-1}:root .app-shell .module-volume .deck-volume-row{display:flex;gap:7px;align-items:center}:root .app-shell .module-volume .deck-volume-row>label{flex:1;min-width:0}:root .app-shell .module-volume .deck-volume-row>strong{font:10px Courier New,monospace}:root .app-shell:not(.session-focus-view) .pitch-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(58px,1fr);column-gap:4px;row-gap:7px;align-items:center;padding:4px}:root .app-shell:not(.session-focus-view) .pitch-section>.control-label{grid-column:1/-1;justify-self:center;margin:0}:root .app-shell:not(.session-focus-view) .pitch-track{grid-column:1;grid-row:2/span 5;width:100%;max-width:none}:root .app-shell:not(.session-focus-view) .pitch-value{grid-column:2;font-size:12px;width:100%;padding:5px 1px;align-self:end;justify-self:center}:root .app-shell:not(.session-focus-view) .pitch-fine{grid-column:2;display:flex;justify-content:center;gap:2px;margin:0;align-self:center}:root .app-shell:not(.session-focus-view) .pitch-fine button{min-width:16px;width:18px;height:23px;font:11px Tahoma,Arial,sans-serif;padding:1px}:root .app-shell:not(.session-focus-view) .pitch-range,:root .app-shell:not(.session-focus-view) .pitch-sensitivity{grid-column:2;min-width:0;width:100%;font-size:9px;padding:4px 0}:root .app-shell:not(.session-focus-view) .pitch-section>label{grid-column:2;font-size:8px;min-width:0}:root .app-shell:not(.session-focus-view) .pitch-wheel-hint{grid-column:2;font-size:8px;max-width:none;line-height:1.4;align-self:start}:root .app-shell:not(.session-focus-view) .pitch-handle{width:48px;border-radius:2px;box-shadow:0 2px 2px #0009,inset 0 0 0 1px #fff5}:root .app-shell:not(.session-focus-view) .pitch-handle:before,:root .app-shell:not(.session-focus-view) .pitch-handle:after{left:5px;right:5px}:root .app-shell .track-picker .picker-current{border-width:2px;font:11px/1.5 Courier New,monospace}:root .app-shell .track-picker button{min-height:27px;padding:4px 8px;font:10px Tahoma,Arial,sans-serif}:root[data-layout=classic] .app-shell .player-module{border:2px groove #827c97}:root[data-layout=classic] .app-shell .module-titlebar{background:linear-gradient(#56526b,#29283e 45%,#191a2c 51%,#3a3650);color:#e6d497;text-shadow:1px 1px #080917;border-top-color:#bcae6d}:root[data-layout=classic] .app-shell .module-titlebar button{background:linear-gradient(#d8cc98,#a29463 50%,#c0b077);color:#252035}:root[data-layout=classic] .app-shell .global-module-grid>.player-module,:root[data-layout=classic] .app-shell .pro-track-pickers .player-module{background:linear-gradient(110deg,#39384e,#25263a)}:root[data-layout=classified3] .app-shell .player-module{border:2px groove #b5aa92}:root[data-layout=classified3] .app-shell .module-titlebar{background:linear-gradient(#534c5b,#25202d 47%,#15121d 51%,#3b3443);color:#f6e0a3;border-top-color:#e1c67e}:root[data-layout=classified3] .app-shell .module-titlebar button{background:linear-gradient(#f4e9cf,#a29784 48%,#d3c8b1);color:#28222b}:root[data-skin=classified5] .app-shell:not(.session-focus-view){background:linear-gradient(110deg,#263a55,#14233b 62%,#2d425d)}:root[data-layout=classified5] .app-shell .player-module{border:2px ridge #859ab3;border-radius:2px}:root[data-layout=classified5] .app-shell .module-titlebar{background:linear-gradient(#728ba8,#2c4668 34%,#101e35 48%,#0b1529 55%,#263954);color:#e9f4ff;text-shadow:1px 1px #020815;border-top:1px solid #d4e3f5;border-radius:1px 1px 0 0}:root[data-layout=classified5] .app-shell .module-titlebar button{background:linear-gradient(#fff,#bccadc 45%,#8192aa 51%,#d7e3f2);color:#122037;border-color:#101c30}:root[data-layout=classified5] .app-shell .module-screen .deck-screen{border-radius:6px 6px 3px 3px}:root[data-layout=classified5] .app-shell .module-pitch .pitch-section{background-image:var(--skin-pitch),repeating-linear-gradient(0deg,#ffffff0c 0 1px,#64758a08 1px 2px),linear-gradient(90deg,#8997a84a,#ffffff6b 28%,#f7faff35 70%,#667b9255)}:root[data-layout=classified5] .app-shell .module-volume input{background:#14263f;border:1px inset #8294ac;box-shadow:0 1px #fff9}:root[data-layout=classified5] .app-shell .pro-track-pickers .track-picker select{background:#183f77;color:#eaf6ff;font-family:Tahoma,Arial,sans-serif}:root[data-layout=classified5] .app-shell .track-picker button{background:linear-gradient(#fff,#c9d7e5 44%,#8b9eb5 51%,#dde6ef);color:#1b2f49;border:1px solid #526981;box-shadow:inset 0 1px #fff;border-radius:9px}:root[data-layout=classified5] .app-shell .track-picker .load-track-button{background:linear-gradient(#4b78a9,#173d6a 50%,#0e294b 54%,#305780);color:#f1f8ff;border-color:#172a43}:root[data-layout=classified5] .app-shell .focus-transport button{border-radius:18px;background:linear-gradient(#fff,#d0deec 40%,#7c91aa,#c5d5e8 56%,#8fa3bb);color:#142943;border:2px outset #cedbea;text-shadow:0 1px #fff}:root[data-layout=classified5] .app-shell .focus-transport button.engaged{background:linear-gradient(#3f7db6,#10355f);color:#fff;text-shadow:1px 1px #051a30}:root[data-layout=classified5] .app-shell:not(.session-focus-view) .pitch-handle{background:linear-gradient(#e4e8ed,#afb9c5 37%,#657387 46%,#d3dae3 53%,#929eae);border-top-color:#f6fbff;border-left-color:#d5e1eb}:root[data-layout=bento] .app-shell .module-titlebar{background:linear-gradient(#687981,#35434c 40%,#202b33 46%,#34434d);color:#d7e4eb;border-top-color:#a6b4bd}:root[data-layout=bento] .app-shell .module-titlebar button{background:linear-gradient(#b3c0c6,#637780);color:#11212a}:root[data-layout=alien] .app-shell .player-module{border:2px ridge #8dab39;border-radius:8px 8px 4px 4px}:root[data-layout=alien] .app-shell .module-titlebar{background:linear-gradient(#a887bc,#68477b 40%,#3a234b 48%,#78568b);color:#e5ffb6;border-radius:6px 6px 0 0;border-top-color:#d5b5e7}:root[data-layout=alien] .app-shell .module-titlebar button{background:linear-gradient(#e4cbef,#9f7bb3 50%,#c0a0d0);color:#311640;border-radius:4px}:root[data-layout=alien] .app-shell .module-titlebar:after{background:repeating-linear-gradient(to bottom,#c5e78c66 0 1px,#2b103855 1px 2px)}:root[data-artwork~=pitch] .app-shell .module-pitch .pitch-section{background-image:var(--skin-pitch);background-size:100% 100%;background-repeat:no-repeat}@media(max-width:760px){:root .app-shell .deck-module-grid{gap:5px}:root .app-shell .deck-module-grid>.deck-transport{grid-column:1/-1;grid-row:1}:root .app-shell .deck-module-grid.has-pitch>.module-pitch:not(.is-collapsed){grid-row:2/span 7}:root .app-shell:not(.session-focus-view) .pitch-section{grid-template-columns:minmax(0,1fr) 54px;column-gap:2px;padding:3px 1px}:root .app-shell:not(.session-focus-view) .pitch-value{font-size:11px}:root .app-shell:not(.session-focus-view) .pitch-handle{width:37px}:root .app-shell:not(.session-focus-view) .pitch-fine button{min-width:15px;width:16px}:root .app-shell:not(.session-focus-view) .pitch-section select{font-size:8px}:root[data-layout=alien] .app-shell .deck-module-grid.has-pitch>.module-screen{grid-column:1/-1;grid-row:2}:root[data-layout=alien] .app-shell .deck-module-grid.has-pitch>.module-pitch:not(.is-collapsed){grid-row:3/span 7}:root .app-shell .module-titlebar{min-height:25px;padding:1px 3px}:root .app-shell .module-titlebar>strong{font-size:8px;letter-spacing:0}:root .app-shell .module-titlebar button{height:21px;min-height:21px;min-width:21px;font-size:9px;line-height:19px}:root .app-shell .module-titlebar button:last-child{font-size:14px}:root .app-shell .add-module-menu small{font-size:8px}:root .app-shell .focus-transport button{font-size:11px;padding:7px 3px}}