:root{--bg:#081006;--surface:#10200d;--surface-raised:#183019;--surface-pressed:#0b1709;--ink:#f4f7e9;--muted:#b7c0a8;--orange:#ff8a1f;--orange-ink:#1a0c02;--cyan:#29e7ff;--amber:#ffb020;--danger:#ff3b5c;--focus:#fff;--edge:#365132;--edge-strong:#66835f;--radius:12px;--font-label:"Arial Narrow", "Aptos Narrow", "Segoe UI", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100dvh;color:var(--ink);font-family:var(--font-label);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}button,select,input{min-height:44px;font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button,select{color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button:focus:not(:focus-visible),select:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}#app{min-height:100dvh}.creator-credit{padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, var(--ink) 18%, transparent);color:#cbd5c5;text-align:center;background:#050805;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .8rem;font-size:.75rem;display:flex}.creator-credit a{color:#b9ff38;font-weight:800;text-decoration:none}.creator-credit a:hover,.creator-credit a:focus-visible{text-decoration:underline}.topbar{z-index:10;border-bottom:1px solid var(--edge);background:var(--surface);grid-template-columns:auto minmax(24rem,1fr) auto auto auto auto auto;align-items:center;gap:10px;min-height:68px;padding:10px 14px;display:grid;position:relative}.brand{width:clamp(9rem,12vw,11rem);min-width:0;min-height:44px;color:var(--ink);justify-content:center;align-items:center;text-decoration:none;display:flex}.brand img{object-fit:contain;width:100%;height:auto;max-height:56px;display:block}.mode-tabs{align-items:stretch;gap:4px;min-width:0;display:flex;position:relative}.more-wrap{display:flex;position:relative}.mode-tabs button,.topbar>button{border:1px solid var(--edge-strong);background:var(--surface-raised);box-shadow:inset 0 1px 0 #2e472a, 0 3px 0 var(--surface-pressed);color:var(--ink);cursor:pointer;letter-spacing:.065em;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out), transform 90ms var(--ease-out);border-radius:7px;font-size:.72rem;font-weight:800}.mode-tabs button{white-space:nowrap;flex:1 0 auto;padding:0 11px}.topbar>button{padding-inline:12px}@media (hover:hover){.mode-tabs button:not(:disabled):hover,.topbar>button:hover{border-color:var(--orange);background:#203b20}}.mode-tabs button:not(:disabled):active,.topbar>button:active{transform:translateY(2px)}.mode-tabs button[aria-current=page]{border-color:var(--orange);background:var(--orange);color:var(--orange-ink);box-shadow:inset 0 1px #ffc185,0 3px #7c3909}.mode-tabs button[aria-disabled=true]{border-color:var(--edge);background:var(--surface);box-shadow:none;color:var(--muted);cursor:not-allowed}.more-menu{z-index:20;border:1px solid var(--edge-strong);background:var(--surface-raised);border-radius:9px;gap:4px;min-width:12rem;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0006}.more-menu[hidden]{display:none}.more-menu button{text-align:left;width:100%}[data-audio-status]{min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:.72rem;font-weight:700;display:inline-flex}[data-audio-status]:before{background:var(--amber);content:"";border-radius:50%;width:8px;height:8px}.workspace{min-height:calc(100dvh - 68px);padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom));background:var(--skin-bg,var(--bg))}@media (width<=1120px){.topbar{grid-template-columns:auto minmax(12rem,1fr) auto auto auto auto}.mode-tabs{grid-area:2/1/auto/-1}}@media (width<=760px){.topbar{padding-top:max(10px, env(safe-area-inset-top));padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.brand{grid-area:1/1/auto/3;min-width:0}.brand span{text-overflow:ellipsis;overflow:hidden}[data-audio-status]{grid-area:1/3;justify-self:end;font-size:.68rem}[data-reset]{grid-area:3/1}[data-menu]{grid-area:3/2}[data-skin-open]{grid-area:3/3;width:100%}[data-view-open]{grid-area:4/1/auto/-1;width:100%}.workspace{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left))}}@media (width<=480px){.topbar{grid-template-columns:minmax(0,1fr) auto}.brand{grid-column:1/-1}[data-audio-status]{grid-area:2/1/auto/-1;justify-self:start}.mode-tabs{grid-row:3}[data-reset]{grid-area:4/1}[data-menu]{grid-area:4/2}[data-skin-open]{grid-area:5/1/auto/-1}[data-view-open]{grid-area:6/1/auto/-1}}@media (pointer:coarse){.mode-tabs button,.topbar>button{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.dual-mode{grid-template-columns:minmax(0,1fr) clamp(150px,13vw,210px) minmax(0,1fr);gap:12px;width:100%;max-width:1760px;margin:0 auto;display:grid}.deck,.mixer{border:1px solid var(--edge-strong);border-radius:var(--radius);background:var(--skin-panel,linear-gradient(145deg, var(--surface-raised), var(--surface)));box-shadow:inset 0 1px #42613c,0 8px 20px #0000004d}.deck{min-width:0;padding:14px}.deck-heading,.track-readout,.fx-heading,.mixer header,.ab-labels{justify-content:space-between;align-items:center;display:flex}.deck-heading{gap:12px}.deck-identity{align-items:center;gap:10px;min-width:0;display:flex}.deck-badge{border-radius:50%;flex:0 0 48px;width:48px;height:48px;overflow:hidden}.deck-a .deck-badge{box-shadow:0 0 0 2px var(--cyan)}.deck-b .deck-badge{box-shadow:0 0 0 2px var(--amber)}.deck-badge img{object-fit:cover;width:100%;height:100%;display:block}.deck-heading h2,.mixer h2{color:var(--skin-text,var(--ink));letter-spacing:.09em;margin:0;font-size:1.35rem}.deck-kicker,.track-readout,.fx-heading,.mixer-rail label{color:var(--muted);letter-spacing:.09em;font-size:.68rem;font-weight:800}.deck-a .deck-kicker,.deck-a h2,.deck-a [data-track-name]{color:var(--cyan)}.deck-b .deck-kicker,.deck-b h2,.deck-b [data-track-name]{color:var(--amber)}.load-track,.transport button,.fx-button,[data-reset-fx],[data-curve]{border:1px solid var(--edge-strong);background:var(--surface-raised);min-height:44px;box-shadow:inset 0 1px 0 #365532, 0 3px 0 var(--surface-pressed);color:var(--ink);cursor:pointer;letter-spacing:.055em;border-radius:7px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.load-track{color:var(--skin-accent,var(--orange));flex-shrink:0;padding:0 12px;font-size:.72rem}.load-track input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.load-track:focus-within{outline:2px solid var(--focus);outline-offset:3px}.load-track[data-drag-over=true]{outline:2px dashed var(--skin-accent,var(--orange));outline-offset:3px}.track-readout{gap:10px;min-height:36px;margin-top:8px}[data-track-name]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-waveform]{border:1px solid var(--edge);cursor:crosshair;touch-action:none;background:#071006;border-radius:7px;width:100%;height:clamp(96px,11vw,150px);min-height:96px;display:block}.transport{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.transport button[data-transport=play]{border-color:var(--orange);color:var(--orange)}.knob-bank{grid-template-columns:repeat(6,minmax(52px,1fr));gap:8px;margin-top:14px;display:grid}.knob-group{color:var(--muted);justify-items:center;gap:5px;font-size:.66rem;font-weight:800;display:grid}.knob-control{border:2px solid var(--edge-strong);cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 35% 30%,#385638,#111c10 70%);border-radius:50%;width:52px;min-width:44px;height:52px;min-height:44px;position:relative;box-shadow:inset 0 0 0 4px #0b160a,0 3px #050a04}.knob-indicator{background:var(--orange);width:2px;height:17px;transform:rotate(var(--knob-turn,0deg));transform-origin:50% 21px;border-radius:2px;position:absolute;top:5px;left:calc(50% - 1px)}.fx-heading{gap:8px;margin-top:14px}[data-reset-fx]{min-height:44px;padding:0 12px;font-size:.67rem}.fx-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.fx-button{min-width:0;padding-inline:5px;font-size:.68rem}.deck-a .fx-button[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan);color:#031215}.deck-b .fx-button[aria-pressed=true]{border-color:var(--amber);background:var(--amber);color:#1a0d00}.mixer{text-align:center;align-self:center;padding:14px 12px}.mixer header span,.ab-labels span{font-size:1rem;font-weight:950}.mixer header span:first-child,.ab-labels span:first-child{color:var(--cyan)}.mixer header span:last-child,.ab-labels span:last-child{color:var(--amber)}.mixer-rail{margin:28px 0 20px}.mixer-rail label{margin-bottom:14px;display:block}.ab-labels{margin-bottom:3px}[data-crossfader]{width:100%;min-height:44px;accent-color:var(--skin-accent,var(--orange));cursor:ew-resize}[data-curve]{width:100%;padding-inline:8px;font-size:.68rem}@media (hover:hover){.load-track:hover,.transport button:hover,.fx-button:hover,[data-reset-fx]:hover,[data-curve]:hover{border-color:var(--orange);background:#203b20}}@media (width<=980px){.dual-mode{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mixer{grid-area:2/1/auto/-1;justify-self:center;width:min(100%,520px)}}@media (width<=680px){.dual-mode{grid-template-columns:1fr}.deck-a{grid-row:1}.mixer{bottom:max(8px, env(safe-area-inset-bottom));z-index:4;grid-area:2/1;position:sticky}.deck-b{grid-row:3}.knob-bank{grid-template-columns:repeat(3,1fr)}.deck-badge{flex-basis:42px;width:42px;height:42px}}@media (pointer:coarse){.load-track,.transport button,.fx-button,[data-reset-fx],[data-curve],[data-crossfader]{min-height:48px}.knob-control{width:58px;height:58px}}.flx4-mode{grid-template-columns:minmax(0,1fr) clamp(220px,20vw,320px) minmax(0,1fr);gap:12px;width:100%;max-width:1900px;margin:0 auto;display:grid}.flx4-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.flx4-deck-switch{display:none}.flx4-deck,.flx4-mixer{border-radius:var(--radius);background:var(--skin-panel,linear-gradient(160deg, #3a3a3a, #232323));color:var(--skin-text,#e8e8e8);border:1px solid #4a4a4a;gap:10px;padding:14px;display:grid;box-shadow:inset 0 1px #5c5c5c,0 8px 20px #0006}.flx4-top-row{grid-template-columns:repeat(3,minmax(44px,1fr)) auto minmax(44px,1fr);align-items:end;gap:6px;display:grid}.flx4-top-row button,.flx4-load,.flx4-transport button,.flx4-pad,[data-flx4-shift],[data-flx4-fx-select],[data-flx4-fx-onoff],[data-flx4-fx-target],[data-flx4-smart-cfx],[data-flx4-smart-fader],[data-flx4-headphone-cue]{color:#e8e8e8;letter-spacing:.04em;cursor:pointer;text-align:center;background:#2c2c2c;border:1px solid #5c5c5c;border-radius:6px;justify-content:center;align-items:center;min-height:44px;font-size:.66rem;font-weight:800;line-height:1.15;display:inline-flex}.flx4-top-row button:disabled,.flx4-pad:disabled,[data-flx4-shift]:disabled,[data-flx4-tempo]:disabled,[data-flx4-trim].flx4-knob[aria-disabled=true],[data-flx4-loop-call].flx4-knob[aria-disabled=true],[data-flx4-master].flx4-knob[aria-disabled=true],[data-flx4-mic].flx4-knob[aria-disabled=true],[data-flx4-headphone-mix].flx4-knob[aria-disabled=true],[data-flx4-headphone-level].flx4-knob[aria-disabled=true],[data-flx4-headphone-cue]:disabled,[data-flx4-smart-cfx]:disabled,[data-flx4-smart-fader]:disabled{color:#6c6c6c;cursor:not-allowed;background:#262626;border-color:#3a3a3a}.flx4-load{color:var(--skin-accent,var(--orange));justify-self:start;padding:0 10px;position:relative}.flx4-load input{opacity:0;cursor:pointer;position:absolute;inset:0}.flx4-load[data-drag-over=true]{outline:2px dashed var(--skin-accent,var(--orange));outline-offset:2px}.flx4-jog{cursor:grab;touch-action:none;background:radial-gradient(circle at 35% 30%,#4a4a4a,#161616 72%);border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:clamp(140px,16vw,220px);height:clamp(140px,16vw,220px);display:flex;box-shadow:inset 0 0 0 10px #0e0e0e,0 4px #050505}.flx4-jog-badge{width:46%;height:46%;box-shadow:0 0 0 3px var(--skin-accent,var(--orange));border-radius:50%;overflow:hidden}.flx4-jog-badge img{object-fit:cover;width:100%;height:100%}.flx4-pad-row{grid-template-columns:auto 1fr;align-items:start;gap:8px;display:grid}.flx4-pad-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.flx4-pad{border-color:var(--skin-accent,var(--orange));flex-direction:column;gap:2px;min-height:48px}.flx4-pad:disabled{border-color:#3a3a3a}.flx4-bottom-row{grid-template-columns:auto auto 1fr;align-items:end;gap:10px;display:grid}.flx4-tempo-rail{color:#9c9c9c;justify-items:center;gap:4px;font-size:.62rem;font-weight:700;display:grid}.flx4-tempo-rail input{writing-mode:vertical-lr;accent-color:#6c6c6c;direction:rtl;width:28px;height:120px}.flx4-transport{gap:6px;display:grid}.flx4-channel{grid-template-columns:auto 1fr auto auto;align-items:end;gap:10px;display:grid}.flx4-eq-bank{gap:8px;display:grid}.flx4-channel-fader{writing-mode:vertical-lr;width:28px;height:140px;accent-color:var(--orange);cursor:ns-resize;direction:rtl}.flx4-knob-group{color:#9c9c9c;justify-items:center;gap:4px;font-size:.6rem;font-weight:800;display:grid}.flx4-knob{cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 35% 30%,#4a4a4a,#161616 70%);border:2px solid #5c5c5c;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;position:relative;box-shadow:inset 0 0 0 4px #0e0e0e,0 3px #050505}.flx4-knob-indicator{background:var(--skin-accent,var(--orange));width:2px;height:15px;transform:rotate(var(--knob-turn,0deg));transform-origin:50% 18px;border-radius:2px;position:absolute;top:4px;left:calc(50% - 1px)}.flx4-mixer{text-align:center;justify-items:center}.flx4-beatfx{border:1px solid #3a3a3a;border-radius:8px;justify-items:center;gap:8px;padding:10px;display:grid}.flx4-beatfx-targets{gap:4px;display:flex}[data-flx4-fx-target][aria-pressed=true]{border-color:var(--orange);background:var(--orange);color:#1a0c02}[data-flx4-fx-onoff][aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.flx4-headphones{align-items:end;gap:10px;display:flex}.flx4-crossfader-rail{width:100%}.flx4-ab-labels{justify-content:space-between;margin-bottom:4px;font-weight:900;display:flex}[data-flx4-crossfader]{width:100%;min-height:44px;accent-color:var(--skin-accent,var(--orange));cursor:ew-resize}.flx4-deck-b .flx4-bottom-row,.flx4-deck-b .flx4-channel{direction:rtl}.flx4-deck-b .flx4-bottom-row>*,.flx4-deck-b .flx4-channel>:not(.flx4-channel-fader){direction:ltr}@media (width<=1119px){.flx4-mode[data-flx4-layout=stacked]{scroll-snap-type:none;grid-template-columns:1fr;display:grid;overflow-x:visible}.flx4-mode[data-flx4-layout=stacked] .flx4-deck-a{grid-row:1}.flx4-mode[data-flx4-layout=stacked] .flx4-mixer{grid-row:2}.flx4-mode[data-flx4-layout=stacked] .flx4-deck-b{grid-row:3}.flx4-mode{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;padding-bottom:8px;overflow-x:auto}.flx4-deck,.flx4-mixer{scroll-snap-align:start}.flx4-mode[data-flx4-layout=ab-switch]{scroll-snap-type:none;grid-template-columns:1fr;display:grid;overflow-x:visible}.flx4-mode[data-flx4-layout=ab-switch] .flx4-deck-switch{grid-row:1;gap:8px;display:flex}.flx4-mode[data-flx4-layout=ab-switch] .flx4-deck-switch button{color:#e8e8e8;letter-spacing:.04em;cursor:pointer;background:#2c2c2c;border:1px solid #5c5c5c;border-radius:6px;flex:1;min-height:44px;font-weight:800}.flx4-mode[data-flx4-layout=ab-switch] .flx4-deck-switch button[aria-pressed=true]{border-color:var(--skin-accent,var(--orange));background:var(--skin-accent,var(--orange));color:#1a0c02}.flx4-mode[data-flx4-layout=ab-switch] .flx4-mixer{grid-row:2}.flx4-mode[data-flx4-layout=ab-switch] .flx4-deck-a,.flx4-mode[data-flx4-layout=ab-switch] .flx4-deck-b{grid-row:3}.flx4-mode[data-flx4-layout=ab-switch][data-active-deck=a] .flx4-deck-b,.flx4-mode[data-flx4-layout=ab-switch][data-active-deck=b] .flx4-deck-a{display:none}.flx4-mode[data-flx4-layout=horizontal-scroll]{grid-template-columns:minmax(340px,1fr) clamp(220px,70vw,320px) minmax(340px,1fr)}}.mtp2-mode{grid-template-columns:minmax(0,1fr) clamp(220px,20vw,320px) minmax(0,1fr);gap:12px;width:100%;max-width:1900px;margin:0 auto;display:grid}.mtp2-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mtp2-deck-switch{display:none}.mtp2-deck,.mtp2-mixer{border-radius:var(--radius);background:var(--skin-panel,linear-gradient(160deg, #343434, #1c1c1c));color:var(--skin-text,#e8e8e8);border:1px solid #4a4a4a;gap:10px;padding:14px;display:grid;box-shadow:inset 0 1px #5c5c5c,0 8px 20px #0006}.mtp2-pitch-bend-row,.mtp2-fx-row,.mtp2-transport{grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px;display:grid}.mtp2-pitch-bend-row button,.mtp2-transport button,.mtp2-pad,.mtp2-scratch,[data-mtp2-shift],[data-mtp2-headcue],[data-mtp2-back]{color:#e8e8e8;letter-spacing:.04em;cursor:pointer;text-align:center;background:#2c2c2c;border:1px solid #5c5c5c;border-radius:6px;justify-content:center;align-items:center;min-height:44px;font-size:.66rem;font-weight:800;line-height:1.15;display:inline-flex}.mtp2-pitch-bend-row button:disabled,.mtp2-transport button:disabled,.mtp2-pad:disabled,.mtp2-scratch:disabled,[data-mtp2-shift]:disabled,[data-mtp2-headcue]:disabled,[data-mtp2-back]:disabled,[data-mtp2-pitch]:disabled,.mtp2-knob[aria-disabled=true]{color:#6c6c6c;cursor:not-allowed;background:#262626;border-color:#3a3a3a}.mtp2-pad-row{grid-template-columns:auto 1fr;align-items:start;gap:8px;display:grid}.mtp2-pad-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mtp2-pad{border-color:var(--skin-accent,var(--orange));flex-direction:column;gap:2px;min-height:48px}.mtp2-pad:disabled{border-color:#3a3a3a}.mtp2-deck-main{justify-content:center;align-items:center;gap:12px;display:flex}.mtp2-deck-b .mtp2-deck-main{flex-direction:row-reverse}.mtp2-pitch-fader{writing-mode:vertical-lr;accent-color:#6c6c6c;direction:rtl;width:28px;height:180px}.mtp2-jog{cursor:grab;touch-action:none;background:radial-gradient(circle at 35% 30%,#4a4a4a,#161616 72%);border-radius:50%;justify-content:center;align-items:center;width:clamp(140px,16vw,220px);height:clamp(140px,16vw,220px);display:flex;box-shadow:inset 0 0 0 10px #0e0e0e,0 4px #050505}.mtp2-jog-badge{width:46%;height:46%;box-shadow:0 0 0 3px var(--skin-accent,var(--orange));border-radius:50%;overflow:hidden}.mtp2-jog-badge img{object-fit:cover;width:100%;height:100%}.mtp2-scratch{writing-mode:horizontal-tb}.mtp2-knob-group{color:#9c9c9c;justify-items:center;gap:4px;font-size:.6rem;font-weight:800;display:grid}.mtp2-knob{cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 35% 30%,#4a4a4a,#161616 70%);border:2px solid #5c5c5c;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;position:relative;box-shadow:inset 0 0 0 4px #0e0e0e,0 3px #050505}.mtp2-knob-indicator{background:var(--skin-accent,var(--orange));width:2px;height:15px;transform:rotate(var(--knob-turn,0deg));transform-origin:50% 18px;border-radius:2px;position:absolute;top:4px;left:calc(50% - 1px)}.mtp2-mixer{text-align:center;justify-items:center}.mtp2-eq-columns{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid}.mtp2-eq-bank{justify-items:center;gap:8px;display:grid}.mtp2-browse-row{color:#9c9c9c;justify-items:center;gap:4px;font-size:.6rem;font-weight:800;display:grid}.mtp2-cue-buttons-row{grid-template-columns:repeat(3,minmax(44px,1fr));gap:6px;width:100%;display:grid}.mtp2-load-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;display:grid}.mtp2-load{min-height:44px;color:var(--skin-accent,var(--orange));letter-spacing:.04em;cursor:pointer;background:#2c2c2c;border:1px solid #5c5c5c;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:.66rem;font-weight:800;display:inline-flex;position:relative}.mtp2-load input{opacity:0;cursor:pointer;position:absolute;inset:0}.mtp2-load[data-drag-over=true]{outline:2px dashed var(--skin-accent,var(--orange));outline-offset:2px}.mtp2-master-label{color:#9c9c9c;font-size:.6rem;font-weight:800}.mtp2-gain-row{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px;display:grid}.mtp2-gain-group{color:#9c9c9c;justify-items:center;gap:4px;font-size:.6rem;font-weight:800;display:grid}.mtp2-gain-fader{writing-mode:vertical-lr;width:24px;height:100px;accent-color:var(--skin-accent,var(--orange));direction:rtl}.mtp2-mic-knobs{gap:10px;display:flex}.mtp2-crossfader-rail{width:100%}.mtp2-ab-labels{justify-content:space-between;margin-bottom:4px;font-weight:900;display:flex}[data-mtp2-crossfader]{width:100%;min-height:44px;accent-color:var(--skin-accent,var(--orange));cursor:ew-resize}@media (width<=1119px){.mtp2-mode[data-mtp2-layout=stacked]{scroll-snap-type:none;grid-template-columns:1fr;display:grid;overflow-x:visible}.mtp2-mode[data-mtp2-layout=stacked] .mtp2-deck-a{grid-row:1}.mtp2-mode[data-mtp2-layout=stacked] .mtp2-mixer{grid-row:2}.mtp2-mode[data-mtp2-layout=stacked] .mtp2-deck-b{grid-row:3}.mtp2-mode{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;padding-bottom:8px;overflow-x:auto}.mtp2-deck,.mtp2-mixer{scroll-snap-align:start}.mtp2-mode[data-mtp2-layout=ab-switch]{scroll-snap-type:none;grid-template-columns:1fr;display:grid;overflow-x:visible}.mtp2-mode[data-mtp2-layout=ab-switch] .mtp2-deck-switch{grid-row:1;gap:8px;display:flex}.mtp2-mode[data-mtp2-layout=ab-switch] .mtp2-deck-switch button{color:#e8e8e8;letter-spacing:.04em;cursor:pointer;background:#2c2c2c;border:1px solid #5c5c5c;border-radius:6px;flex:1;min-height:44px;font-weight:800}.mtp2-mode[data-mtp2-layout=ab-switch] .mtp2-deck-switch button[aria-pressed=true]{border-color:var(--skin-accent,var(--orange));background:var(--skin-accent,var(--orange));color:#1a0c02}.mtp2-mode[data-mtp2-layout=ab-switch] .mtp2-mixer{grid-row:2}.mtp2-mode[data-mtp2-layout=ab-switch] .mtp2-deck-a,.mtp2-mode[data-mtp2-layout=ab-switch] .mtp2-deck-b{grid-row:3}.mtp2-mode[data-mtp2-layout=ab-switch][data-active-deck=a] .mtp2-deck-b,.mtp2-mode[data-mtp2-layout=ab-switch][data-active-deck=b] .mtp2-deck-a{display:none}.mtp2-mode[data-mtp2-layout=horizontal-scroll]{grid-template-columns:minmax(340px,1fr) clamp(220px,70vw,320px) minmax(340px,1fr)}}.skin-panel{z-index:50;background:#0000009e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.skin-panel[hidden]{display:none}.skin-panel-surface{border:1px solid var(--edge-strong);border-radius:var(--radius);background:var(--surface-raised);width:min(100%,460px);max-height:min(100%,640px);padding:18px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.skin-panel-surface header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.skin-panel-surface h2{color:var(--ink);letter-spacing:.08em;margin:0;font-size:1.1rem}.skin-panel-surface header button{border:1px solid var(--edge-strong);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:7px;padding:0 12px;font-size:.7rem;font-weight:800}.skin-swatches{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.skin-swatch{border:2px solid var(--edge-strong);cursor:pointer;border-radius:9px;justify-content:center;align-items:flex-end;min-height:72px;padding:6px;display:flex}.skin-swatch span{color:#fff;letter-spacing:.04em;background:#0000008c;border-radius:5px;padding:2px 6px;font-size:.62rem;font-weight:800}.skin-swatch[aria-checked=true]{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus)}.skin-upload-card{border:2px dashed var(--edge-strong);min-height:56px;color:var(--ink);cursor:pointer;letter-spacing:.05em;border-radius:9px;justify-content:center;align-items:center;margin-top:14px;font-size:.72rem;font-weight:800;display:flex}.skin-upload-card input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skin-error{color:var(--danger);margin-top:10px;font-size:.72rem;font-weight:700}.skin-error[hidden]{display:none}.skin-preview{margin-top:14px}.skin-preview[hidden]{display:none}.skin-preview img{object-fit:cover;border-radius:9px;width:100%;max-height:220px}.skin-preview-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.skin-preview-actions button{border:1px solid var(--edge-strong);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:7px;font-size:.72rem;font-weight:800}[data-skin-apply]{border-color:var(--orange);color:var(--orange)}.view-panel{z-index:50;background:#0000009e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.view-panel[hidden]{display:none}.view-panel-surface{border:1px solid var(--edge-strong);border-radius:var(--radius);background:var(--surface-raised);width:min(100%,420px);max-height:min(100%,560px);padding:18px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.view-panel-surface header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.view-panel-surface h2{color:var(--ink);letter-spacing:.08em;margin:0;font-size:1.1rem}.view-panel-surface header button{border:1px solid var(--edge-strong);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:7px;padding:0 12px;font-size:.7rem;font-weight:800}.view-options{gap:10px;display:grid}.view-option{border:2px solid var(--edge-strong);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;border-radius:9px;gap:4px;padding:12px;display:grid}.view-option strong{letter-spacing:.05em;font-size:.78rem}.view-option span{color:var(--muted);font-size:.7rem}.view-option[aria-checked=true]{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus)}.pwa-update-prompt{z-index:30;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--edge-strong);border-radius:var(--radius);background:var(--surface-raised);width:min(100vw - 24px,27rem);animation:pwa-update-enter .18s var(--ease-out);padding:12px;position:fixed;box-shadow:0 12px 32px #0000006b}.pwa-update-message{color:var(--ink);letter-spacing:.03em;margin:0;font-size:.82rem;font-weight:800}.pwa-update-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pwa-update-actions button{border:1px solid var(--edge-strong);background:var(--surface);min-width:44px;min-height:44px;box-shadow:inset 0 1px 0 #365532, 0 3px 0 var(--surface-pressed);color:var(--ink);cursor:pointer;letter-spacing:.06em;border-radius:7px;padding-inline:14px;font-size:.7rem;font-weight:900}.pwa-update-actions [data-pwa-update]{border-color:var(--orange);background:var(--orange);color:var(--orange-ink)}.pwa-update-actions button:disabled{cursor:wait;opacity:.7}@media (hover:hover){.pwa-update-actions button:not(:disabled):hover{border-color:var(--orange);background:#203b20}.pwa-update-actions [data-pwa-update]:not(:disabled):hover{background:#ffc185}}@keyframes pwa-update-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pwa-update-prompt{animation:none}}