@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@600;800&display=swap');
:root{--bg:#07080c;--panel:#10131a;--panel2:#151925;--line:#252b39;--text:#f5f7fb;--muted:#8d96a8;--a:#ff7a00;--b:#ff174f;--cyan:#24d9ff}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -20%,#29213d 0,transparent 38%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;min-width:1180px}button,input{font:inherit}.topbar{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090b10;position:sticky;top:0;z-index:20}.logo{font:800 21px Orbitron;color:white;text-decoration:none}.logo span{color:var(--a)}.logo b{font:700 9px Inter;background:var(--a);color:#111;padding:3px 5px;border-radius:3px;margin-left:6px}.top-actions{display:flex;align-items:center;gap:9px}.top-actions button,.outline,.icon-btn{border:1px solid var(--line);background:#11151d;color:white;border-radius:7px;padding:8px 12px;cursor:pointer}.top-actions button:hover{border-color:var(--a)}.record{color:#ff4e66!important}.record.active{background:#da1437!important;color:white!important;animation:pulse 1s infinite}.notice{background:#15110b;border-bottom:1px solid #4a331a;color:#e2b97a;padding:7px 22px;font-size:12px}.dj-app{padding:12px}.master-waveforms{height:76px;display:grid;grid-template-columns:1fr 90px 1fr;background:#0b0e14;border:1px solid var(--line);border-radius:8px;overflow:hidden}.master-waveforms canvas{width:100%;height:76px}.wave-center{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#121722}.wave-center b{font:700 20px Orbitron}.wave-center small{font-size:9px;color:var(--muted)}
.decks{display:grid;grid-template-columns:1fr 180px 1fr;gap:10px;margin-top:10px}.deck,.mixer{background:linear-gradient(150deg,#191e2a,#0d1017 70%);border:1px solid var(--line);border-radius:10px;overflow:hidden}.deck-a{--deck:var(--a)}.deck-b{--deck:var(--b)}.deck-head{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.deck-label{font:800 11px Orbitron;color:var(--deck)}.deck-head div{min-width:0}.deck-head strong,.deck-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-head small,.deck-head>span:last-child{font-size:11px;color:var(--muted)}.source-tabs{display:flex;padding:7px 10px 0;gap:5px}.source{background:transparent;border:0;color:var(--muted);font-size:10px;padding:6px 9px;cursor:pointer;border-radius:4px}.source.active{background:var(--deck);color:#101014;font-weight:800}.youtube-loader{display:none;padding:8px 10px;gap:5px}.youtube-loader.open{display:flex}.youtube-loader input{flex:1;background:#080a0f;border:1px solid var(--line);color:white;padding:8px;border-radius:5px}.youtube-loader button{background:var(--deck);border:0;font-weight:800;border-radius:5px}.video-wrap{display:none;height:170px;background:black}.video-wrap.open{display:block}.video-wrap iframe{width:100%;height:100%}.deck-body{display:grid;grid-template-columns:65px 1fr 110px;align-items:center;min-height:250px;padding:10px 16px}.deck-b .deck-body{grid-template-columns:110px 1fr 65px}.platter{width:220px;height:220px;margin:auto;border-radius:50%;position:relative;background:radial-gradient(circle,#15171b 0 11%,#050609 12% 19%,#1b1e24 20% 21%,#07080b 22% 33%,#1b1e24 34% 35%,#050609 36% 48%,#1b1e24 49% 50%,#050609 51%);box-shadow:0 10px 30px #000,inset 0 0 0 6px #232834}.platter.playing{animation:spin 2s linear infinite}.vinyl{position:absolute;inset:11px;border-radius:50%;border:1px solid #333}.vinyl:after{content:"";position:absolute;top:8px;left:50%;width:2px;height:30px;background:var(--deck)}.label{position:absolute;inset:36%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--deck),#222);font:800 22px Orbitron;color:white}.pitch-box{height:220px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:9px}.pitch-box input{appearance:slider-vertical;width:25px;height:160px;accent-color:var(--deck)}.pitch-box output{color:var(--deck);font:700 10px Orbitron}.eq-strip{display:grid;gap:7px}.eq-strip label,.master-knob{font-size:8px;color:var(--muted);text-align:center}.eq-strip input,.master-knob input{display:block;width:100%;accent-color:var(--deck)}.performance{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 12px 10px}.performance button{border:1px solid #343b4a;border-bottom:3px solid var(--deck);background:#191e29;color:#ccd1db;padding:9px 3px;border-radius:5px;font-size:9px}.performance button.set{background:var(--deck);color:#101014}.transport{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px;background:#0b0e14}.transport button{border:1px solid var(--line);background:#202634;color:white;padding:10px 5px;border-radius:5px;font-weight:800;font-size:10px;cursor:pointer}.transport .play{background:var(--deck);color:#101014}.transport .cue{border-color:var(--deck)}.transport .sync.on{color:var(--deck)}
.mixer{padding:12px;text-align:center}.mixer-title{font:800 11px Orbitron;color:var(--cyan);letter-spacing:2px}.meters{height:100px;display:flex;justify-content:center;align-items:end;gap:4px;margin:12px}.meters i{display:block;width:7px;height:10%;background:linear-gradient(to top,#22df6c 65%,#ffd12e 80%,#ff3658);border-radius:3px;transition:.05s}.master-knob input{margin:8px 0 20px;accent-color:var(--cyan)}.channel-faders{height:180px;display:flex;justify-content:space-around}.channel-faders label{font:800 10px Orbitron;color:var(--muted)}.channel-faders input{appearance:slider-vertical;width:32px;height:150px;accent-color:var(--cyan)}.cue-row{display:flex;gap:6px}.cue-row button{flex:1;background:#171c27;color:white;border:1px solid var(--line);padding:8px}.cross-label{display:block;font-size:8px;color:var(--muted);margin-top:20px}.cross-label input{display:block;width:100%;margin-top:8px;accent-color:var(--cyan)}
.browser{display:grid;grid-template-columns:135px 1fr;margin-top:10px;min-height:260px;border:1px solid var(--line);border-radius:10px;background:#0c0f15;overflow:hidden}.browser aside{border-right:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:5px}.browser aside button{background:transparent;border:0;color:var(--muted);text-align:left;padding:10px;border-radius:5px}.browser aside button.active,.browser aside button:hover{background:#191f2a;color:white}.library{padding:15px}.library-head{display:flex;justify-content:space-between;align-items:center}.library h2{font-size:16px;margin:0}.library p{font-size:10px;color:var(--muted)}.upload{position:relative;background:var(--a);color:#111;padding:9px 12px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0}.drop-area{border:1px dashed #343c4c;color:var(--muted);text-align:center;padding:10px;font-size:11px;border-radius:6px}.drop-area.drag{border-color:var(--a);color:var(--a)}table{width:100%;border-collapse:collapse;margin-top:10px;font-size:11px}th,td{text-align:left;padding:9px;border-bottom:1px solid #1e2430}th{color:var(--muted);font-size:9px}td button{border:1px solid var(--line);background:#181d27;color:white;border-radius:4px;padding:5px 8px}.empty-row{text-align:center;color:var(--muted)}.midi-panel h3{font-size:13px}.midi-panel strong{color:#ff6575}.midi-panel p,.midi-panel div{font-size:10px;color:var(--muted)}.toast{position:fixed;right:18px;bottom:18px;max-width:370px;background:#202634;border:1px solid #3a4559;padding:12px 16px;border-radius:7px;transform:translateY(100px);opacity:0;transition:.25s;z-index:50;font-size:12px}.toast.show{transform:none;opacity:1}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@media(max-width:1250px){.platter{width:190px;height:190px}.deck-body{min-height:225px}} 
tr.selected td{background:#1b2230;color:white}.cue-row button.on{border-color:var(--cyan);color:var(--cyan)}.performance button.on{background:var(--deck);color:#111}
.pro-center-mixer .cue-row .headphones-master{border-color:#ff344f!important;background:linear-gradient(#c51d34,#540510)!important;color:#fff!important;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px #ff9aaa,0 0 10px #ff173b66!important}.pro-center-mixer .cue-row .headphones-master.on{background:linear-gradient(#5cff88,#08742e)!important;border-color:#68ff91!important;color:#031108!important;box-shadow:inset 0 1px #d4ffe0,0 0 18px #31ff6faa!important}
.headphone-console{display:grid!important;grid-template-columns:52px 86px 52px!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:78px!important;margin:7px 0!important;padding:5px!important;border:1px solid #3d4651!important;border-radius:8px!important;background:radial-gradient(circle at 50% 45%,#252b32,#07090c 72%)!important;box-shadow:inset 0 0 16px #000!important}.headphone-console button{display:grid!important;place-items:center!important;font:900 11px Orbitron!important;cursor:pointer!important}.headphone-deck-select{width:48px!important;height:38px!important;border:2px solid #6b7785!important;border-radius:7px!important;background:linear-gradient(#343b44,#0b0e12)!important;color:#dce8f2!important;box-shadow:inset 0 1px #ffffff42,0 4px 7px #000!important}.headphone-deck-select.deck-a-select.on{border-color:#ff8a19!important;color:#ffae54!important;box-shadow:0 0 15px #ff7800!important}.headphone-deck-select.deck-b-select.on{border-color:#ff315f!important;color:#ff7190!important;box-shadow:0 0 15px #ff174f!important}.headphones-rotary{width:78px!important;height:78px!important;border:5px solid #ff4056!important;border-radius:50%!important;background:radial-gradient(circle at 38% 30%,#ff8c98 0 6%,#c51932 15%,#700817 48%,#180207 72%)!important;color:#fff!important;box-shadow:inset 0 0 0 3px #36030b,inset 0 -10px 14px #0009,0 5px 8px #000,0 0 18px #ff203f99!important;transform:rotate(0deg);transition:transform .2s,filter .2s!important}.headphones-rotary span{font-size:18px!important}.headphones-rotary b{font-size:5px!important;letter-spacing:.5px!important}.headphones-rotary.on{transform:rotate(18deg)!important;border-color:#5dff88!important;background:radial-gradient(circle at 38% 30%,#d8ffe2 0 6%,#38e66c 15%,#087a31 48%,#021b0b 72%)!important;box-shadow:inset 0 0 0 3px #053e18,inset 0 -10px 14px #0009,0 5px 8px #000,0 0 23px #35ff73!important}.mini-main-decks .headphone-console{display:none!important}
.controller-grille{height:112px;margin-top:10px;border:3px solid #c7ccd4;border-bottom:0;border-radius:10px 10px 0 0;background-color:#111621;background-image:radial-gradient(#384153 1.2px,transparent 1.6px);background-size:7px 7px;position:relative;display:grid;place-items:center;box-shadow:0 -8px 30px #000}.controller-grille:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,99,255,.15),transparent 32%,rgba(255,0,91,.12) 68%,transparent)}.controller-grille>div:last-child{z-index:2;text-align:center;text-shadow:0 3px 12px #000}.controller-grille strong{display:block;font:800 27px Orbitron;color:#6e7788}.controller-grille small{font:700 8px Orbitron;color:#aab2c0;letter-spacing:2px}.grille-lights{position:absolute;inset:0;display:flex;justify-content:center;gap:85px}.grille-lights i{width:35px;height:8px;background:var(--a);filter:blur(7px);opacity:.7}.grille-lights i:nth-child(2){background:#2ae571}.grille-lights i:nth-child(3){background:#8f5cff}.hardware-layout{margin-top:0;border:3px solid #c7ccd4;border-top:1px solid #555d6b;border-radius:0 0 10px 10px;padding:5px;background:linear-gradient(180deg,#121a2c,#080b12);gap:5px}.hardware-layout .deck,.hardware-layout .mixer{border-radius:2px;border-color:#273044;background:linear-gradient(145deg,#1a2237,#0a0e18 72%)}.hardware-layout .deck-head{background:#111827}.hardware-layout .platter{width:245px;height:245px;border:8px solid #242c3c;box-shadow:0 0 0 4px #07090d,0 12px 32px #000,inset 0 0 0 5px #343d4c}.hardware-layout .vinyl{inset:5px}.hardware-layout .performance{grid-template-columns:repeat(2,1fr);width:220px;margin:0 auto}.hardware-layout .performance button{height:45px;border:2px solid var(--deck);box-shadow:inset 0 0 12px color-mix(in srgb,var(--deck) 15%,transparent)}.pad-mode-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:220px;margin:0 auto 8px}.pad-mode-buttons button{background:#10141d;color:#818a9a;border:1px solid #343c4c;border-radius:3px;font-size:7px;padding:5px 2px}.pad-mode-buttons button.active{background:var(--deck);color:#0a0b0e;font-weight:800}.hardware-layout .transport{border-top:1px solid #2e3747}.hardware-layout .mixer{padding-top:18px}.browse-control{display:flex;flex-direction:column;align-items:center;font-size:7px;color:#9da6b7}.hardware-knob{display:block;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#394254 0 20%,#111620 22% 55%,#667085 58% 62%,#0a0d13 64%);box-shadow:0 4px 8px #000}.hardware-knob:after{content:"";display:block;width:2px;height:12px;background:white;margin:5px auto}.load-row{display:flex;justify-content:center;gap:12px;margin:8px}.load-row button{background:#111620;color:#fff;border:1px solid #3c4556;border-radius:50%;font-size:7px;width:39px;height:26px}.head-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.head-controls label{font-size:7px;color:#858fa2}.head-controls input{width:100%;accent-color:var(--cyan)}
@media(max-width:1250px){.hardware-layout .platter{width:205px;height:205px}.hardware-layout .performance,.pad-mode-buttons{width:190px}}
.performance-studio{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,var(--panel),#090c12);padding:16px}.studio-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.studio-head span{font:700 8px Orbitron;color:var(--a);letter-spacing:2px}.studio-head h2{font:700 18px Orbitron;margin:4px 0}.theme-picker{display:flex;gap:7px;background:#080a0f;border:1px solid var(--line);padding:8px;border-radius:30px}.theme-picker button{width:25px;height:25px;border-radius:50%;border:2px solid #343b48;background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 4px #10131a}.theme-picker button.active{border-color:white;transform:scale(1.14);box-shadow:0 0 12px var(--swatch)}.studio-grid{display:grid;grid-template-columns:1fr .7fr 1fr;gap:12px}.pad-editor,.fx-editor{border:1px solid var(--line);background:#0b0e14;border-radius:8px;padding:12px}.pad-editor h3,.fx-editor h3{font:700 10px Orbitron;margin:0 0 10px}.deck-a-editor h3{color:var(--a)}.deck-b-editor h3{color:var(--b)}.sample-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sample-slots label{position:relative;border:1px solid #353d4c;border-bottom:3px solid var(--a);background:#151a24;padding:9px 5px;border-radius:5px;font:800 8px Orbitron;text-align:center;cursor:pointer;overflow:hidden}.deck-b-editor .sample-slots label{border-bottom-color:var(--b)}.sample-slots label.loaded{background:#183023}.sample-slots input{position:absolute;inset:0;opacity:0;cursor:pointer}.sample-slots small{display:block;margin-top:5px;color:var(--muted);font:400 7px Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-config{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:10px}.slot-config label,.fx-slots label{font-size:8px;color:var(--muted)}.slot-config select,.fx-slots select{display:block;margin-top:4px;background:#111620;color:white;border:1px solid #343d4c;border-radius:4px;padding:6px}.slot-config button{background:#181e29;color:#f17a89;border:1px solid #3b2930;border-radius:4px;padding:7px;font-size:8px}.fx-editor p{font-size:9px;color:var(--muted)}.fx-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fx-slots select{width:100%}
body{transition:background-color .35s}.deck,.mixer,.performance-studio,.browser{transition:background-color .35s,border-color .35s}
.youtube-center{display:grid;grid-template-columns:220px 1fr auto auto 175px;align-items:center;gap:8px;background:linear-gradient(90deg,#19080b,#0c1017 35%);border:1px solid #45232a;border-radius:8px;padding:9px 12px;margin-bottom:10px}.youtube-brand{display:flex;align-items:center;gap:9px}.youtube-brand>span{display:grid;place-items:center;width:34px;height:25px;background:#ff1644;border-radius:7px;color:white}.youtube-brand b,.youtube-brand small{display:block}.youtube-brand b{font:700 11px Orbitron}.youtube-brand small,.youtube-limit{font-size:8px;color:var(--muted)}.youtube-center>input{background:#090c12;border:1px solid #343d4c;border-radius:5px;color:white;padding:9px}.youtube-center>button{background:#ff1644;color:white;border:0;border-radius:5px;padding:9px 12px;font-size:9px;font-weight:800;cursor:pointer}.youtube-center>button:nth-of-type(2){background:#c70d38}
.library-actions{display:flex;align-items:center;gap:6px}.library-actions select,.library-actions>button{background:#111620;color:white;border:1px solid #343d4c;border-radius:5px;padding:8px;font-size:9px}.favorite{border:0!important;background:transparent!important;color:#596274!important;padding:2px!important}.favorite.on{color:#ffd34e!important;text-shadow:0 0 8px #ffd34e}.deck.drag-target{outline:3px solid var(--deck);box-shadow:inset 0 0 45px color-mix(in srgb,var(--deck) 30%,transparent)}[data-track-id]{cursor:grab}.midi-import{position:relative;background:#151b25;color:#aab2c0;border:1px solid #343c4c;padding:9px;border-radius:5px;font-size:9px;cursor:pointer}.midi-import input{position:absolute;inset:0;opacity:0;cursor:pointer}
.theme-picker{display:grid;grid-template-columns:repeat(10,25px);border-radius:18px;max-height:112px;overflow:auto}.theme-picker button{flex:none}body{background:var(--wallpaper,var(--bg));background-attachment:fixed}
.dj-app{zoom:var(--app-zoom,1)}.zoom-controls{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden}.zoom-controls button{border:0!important;border-radius:0!important;padding:7px 8px!important}.zoom-controls span{min-width:44px;text-align:center;font-size:9px;color:var(--muted)}
.auxiliary-decks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mini-deck{--deck:#22d3ee;background:linear-gradient(135deg,var(--panel),#090c12);border:1px solid var(--line);border-radius:9px;padding:10px;transition:.25s}.deck-d{--deck:#a66cff}.mini-title{display:grid;grid-template-columns:65px 1fr auto;gap:10px;align-items:center}.mini-title>span{font:800 10px Orbitron;color:var(--deck)}.mini-title b,.mini-title small{display:block}.mini-title small,.mini-title time{font-size:8px;color:var(--muted)}.mini-deck canvas{width:100%;height:45px;background:#07090e;margin:8px 0}.mini-controls{display:grid;grid-template-columns:55px repeat(7,1fr) auto auto;gap:7px;align-items:center}.mini-controls label{font-size:7px;color:var(--muted);text-align:center}.mini-controls input{display:block;width:100%;accent-color:var(--deck)}.mini-controls output{font-size:7px;color:var(--deck)}.mini-controls button{background:#191f2b;color:white;border:1px solid var(--line);border-radius:4px;padding:9px;font-size:8px}.mini-controls .play{background:var(--deck);color:#091014;font-weight:800}.mini-platter{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#111 30%,#303846 32%,#090a0d 65%);border:3px solid #3b4453;color:var(--deck);font:800 11px Orbitron}.mini-platter.playing{animation:spin 2s linear infinite}
.compact-decks .controller-grille{height:54px}.compact-decks .hardware-layout .deck-body{min-height:155px}.compact-decks .hardware-layout .platter{width:145px;height:145px}.compact-decks .performance,.compact-decks .pad-mode-buttons{width:170px}.compact-decks .performance button{height:31px}.compact-decks .auxiliary-decks{display:none}.compact-library .browser{min-height:115px;max-height:155px}.compact-library .browser table{margin-top:3px}.compact-library .drop-area,.compact-library .library-head p{display:none}.compact-library .library{padding:8px;overflow:auto}
.hardware-layout,.browser{resize:vertical;overflow:auto;min-height:220px}.browser{min-height:140px}.sample-slots .sample-volume{position:static;opacity:1;width:100%;height:14px;margin-top:7px;accent-color:var(--a);cursor:pointer}.deck-b-editor .sample-volume{accent-color:var(--b)}.logo-loader{display:flex;align-items:center;gap:8px;position:relative;background:#111620;border:1px dashed #3b4556;border-radius:5px;padding:7px;margin:0 0 9px;font-size:8px;color:var(--muted);cursor:pointer}.logo-loader input{position:absolute;inset:0;opacity:0;cursor:pointer}.logo-loader small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-window .topbar,.library-window .notice,.library-window .youtube-center,.library-window .master-waveforms,.library-window .controller-grille,.library-window .hardware-layout,.library-window .performance-studio{display:none}.library-window{min-width:760px}.library-window .dj-app{padding:0;zoom:1}.library-window .browser{margin:0;min-height:100vh;height:100vh!important;resize:none;border-radius:0}.library-window .browser>aside:first-child{display:flex}
.sample-slots input[data-sample]{inset:0 0 52px}.sample-play{position:relative;z-index:4;width:34px;height:28px;margin:6px auto 2px;border:1px solid var(--a);border-radius:5px;background:var(--a);color:#090b0f;font-size:14px;cursor:pointer}.deck-b-editor .sample-play{border-color:var(--b);background:var(--b)}.sample-play:hover,.sample-play.playing{transform:scale(1.08);filter:brightness(1.3);box-shadow:0 0 12px currentColor}.sample-slots .sample-volume{position:relative;z-index:4}
.audio-test{background:var(--cyan);color:#071014;border:0;border-radius:6px;padding:9px 13px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}
.direct-loader{display:none;grid-template-columns:1fr auto;gap:6px;padding:8px 10px;background:#071711;border-top:1px solid #1c4937}.direct-loader.open{display:grid}.direct-loader input{min-width:0;background:#080a0f;border:1px solid #286347;color:white;padding:8px;border-radius:5px}.direct-loader button{background:#34df8b;color:#06140d;border:0;border-radius:5px;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.direct-loader small{grid-column:1/-1;color:#6fc69b;font-size:8px}
.sample-bank-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px;padding:7px 9px;border:1px solid #3d4658;border-radius:5px;background:#141a25;color:#c8cfdb;font-size:8px}.sample-bank-picker select{background:#090d14;color:#fff;border:1px solid #465167;border-radius:4px;padding:6px}.sample-play.pad-fired,.hardware-layout .performance button.pad-fired{background:#f01835!important;border-color:#ff6074!important;color:#fff!important;box-shadow:0 0 20px #ff173f,inset 0 0 12px #ff8796!important;transform:scale(.96)}
.platter{cursor:pointer}.platter:hover{outline:2px solid color-mix(in srgb,var(--deck) 60%,transparent);outline-offset:3px}.platter .label{background-repeat:no-repeat}
.platter-upload-trigger{position:absolute;right:12px;bottom:12px;z-index:6;display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--deck);border-radius:50%;background:#080b10dd;color:#fff;cursor:pointer;font-size:14px;box-shadow:0 0 12px #000}.platter-upload-trigger:hover{background:var(--deck);transform:scale(1.08)}
.hardware-layout .deck>.performance{display:none}
.studio-toggle{background:#171e2a;color:#dce4f2;border:1px solid #3b4659;border-radius:6px;padding:8px 11px;font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}.studio-toggle:hover{border-color:var(--a);color:var(--a)}.performance-studio.studio-collapsed{min-height:0!important;height:auto!important;resize:none;overflow:hidden;padding:10px 16px}.performance-studio.studio-collapsed .studio-grid,.performance-studio.studio-collapsed .theme-picker,.performance-studio.studio-collapsed .audio-test,.performance-studio.studio-collapsed .resize-hint{display:none}.performance-studio.studio-collapsed .studio-head{margin:0}.performance-studio.studio-collapsed:after{display:none}.performance-studio.studio-collapsed .studio-head h2{font-size:13px;margin:2px 0}
.hardware-layout .mixer{align-self:start;resize:vertical;overflow:auto;min-height:260px;max-height:1100px;position:relative}.hardware-layout .mixer:after{content:"";position:absolute;right:3px;bottom:3px;width:14px;height:14px;border-right:3px solid var(--cyan);border-bottom:3px solid var(--cyan);pointer-events:none}
.hide-decks-btn{background:#d71936!important;border:1px solid #ff526a!important;border-radius:3px!important;color:#fff!important;padding:9px 14px!important;font-weight:800!important;box-shadow:0 0 12px #d7193644}.hide-decks-btn:hover{background:#ff2848!important}.hide-decks-btn.decks-are-hidden{background:#172231!important;border-color:#45d5ff!important;color:#73e4ff!important}.main-decks-hidden .hardware-layout{grid-template-columns:minmax(180px,260px);justify-content:center}.main-decks-hidden .hardware-layout>.deck{display:none}.main-decks-hidden .hardware-layout .mixer{width:100%}
.mini-deck-mode-btn{background:#112233!important;border:1px solid #31cfff!important;color:#75e6ff!important;border-radius:4px!important;font-weight:800!important}.mini-deck-mode-btn.active{background:#23c8f2!important;color:#051118!important;box-shadow:0 0 14px #23c8f266}.mini-main-decks .controller-grille{height:30px;border-width:1px}.mini-main-decks .controller-grille strong{font-size:12px}.mini-main-decks .controller-grille small,.mini-main-decks .grille-lights{display:none}.mini-main-decks .hardware-layout{grid-template-columns:1fr 135px 1fr;min-height:170px!important;height:auto!important;resize:none;align-items:start}.mini-main-decks .hardware-layout .deck{height:auto;min-height:165px;overflow:hidden}.mini-main-decks .hardware-layout .deck-head{grid-template-columns:48px 1fr auto;gap:6px;padding:5px 7px}.mini-main-decks .deck-head strong{font-size:10px}.mini-main-decks .deck-head small,.mini-main-decks .deck-head>span:last-child{font-size:7px}.mini-main-decks .source-tabs{padding:3px 6px 0}.mini-main-decks .source{font-size:7px;padding:3px 5px}.mini-main-decks .youtube-loader,.mini-main-decks .direct-loader{padding:4px 6px}.mini-main-decks .video-wrap{height:90px}.mini-main-decks .hardware-layout .deck-body{grid-template-columns:36px 1fr!important;min-height:82px;height:82px;padding:3px 8px}.mini-main-decks .hardware-layout .deck-b .deck-body{grid-template-columns:1fr 36px!important}.mini-main-decks .hardware-layout .eq-strip{display:none}.mini-main-decks .hardware-layout .platter{width:76px;height:76px;border-width:4px;box-shadow:0 0 0 2px #07090d,0 5px 14px #000,inset 0 0 0 2px #343d4c}.mini-main-decks .hardware-layout .platter-upload-trigger{width:20px;height:20px;right:2px;bottom:2px;font-size:9px}.mini-main-decks .hardware-layout .pitch-box{height:78px}.mini-main-decks .hardware-layout .pitch-box input{height:52px}.mini-main-decks .pad-mode-buttons{display:none}.mini-main-decks .hardware-layout .transport{padding:4px;gap:3px}.mini-main-decks .hardware-layout .transport button{padding:5px 2px;font-size:7px}.mini-main-decks .hardware-layout .mixer{min-height:165px!important;height:165px!important;resize:none;padding:6px;overflow:hidden}.mini-main-decks .mixer-title{font-size:8px}.mini-main-decks .browse-control{transform:scale(.72);margin:-4px}.mini-main-decks .load-row{margin:2px}.mini-main-decks .load-row button{width:32px;height:20px}.mini-main-decks .meters{height:18px;margin:4px}.mini-main-decks .master-knob input{margin:3px 0 5px}.mini-main-decks .channel-faders{height:42px}.mini-main-decks .channel-faders input{height:35px}.mini-main-decks .cue-row,.mini-main-decks .head-controls,.mini-main-decks .cross-label{display:none}.mini-main-decks .auxiliary-decks{display:none}
.users-card{max-height:92vh;overflow:auto}.midi-settings-card{margin-top:18px;padding:15px;border:1px solid #344057;border-radius:9px;background:#090d14}.midi-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.midi-settings-head h3{margin:0 0 5px}.midi-settings-actions,.mapping-file-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.midi-settings-actions button,.mapping-file-actions button{background:#151d29;color:#fff;border:1px solid #3b475a;border-radius:5px;padding:8px 10px;font-size:9px;cursor:pointer}.mapping-file-actions{margin-top:10px}.midi-settings-card .midi-profile-label{max-width:360px}.midi-settings-card #denonActionGrid{grid-template-columns:repeat(4,1fr);max-height:240px}.admin-user-management.permission-hidden{display:none!important}
.denon-connect{border-color:#315879!important;color:#78ceff!important}.top-actions button.controller-selected{border-color:#52e878!important;box-shadow:0 0 0 1px #52e878,0 0 12px #52e87833}.performance-studio{resize:both;overflow:auto;min-width:560px;min-height:190px;max-width:100%;position:relative}.performance-studio:after{content:"";position:absolute;right:3px;bottom:3px;width:15px;height:15px;border-right:3px solid var(--a);border-bottom:3px solid var(--a);pointer-events:none}.resize-hint{color:var(--muted);font-size:8px;white-space:nowrap}
.sample-list{position:relative;z-index:5;width:100%;margin-top:6px;background:#080b10;color:white;border:1px solid #394354;border-radius:4px;padding:4px;font-size:7px}.sample-slots input[data-sample]{inset:0 0 82px}
.browser{grid-template-columns:210px minmax(0,1fr);height:460px!important;min-height:440px!important;overflow:hidden!important}.browser>aside{min-height:0;overflow:hidden;background:#0a0d13}.browser>aside>button{flex:none;padding:8px 10px}.browser .library-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin-top:6px;padding:8px;border:1px solid #343d4c;border-radius:8px;background:#111620;box-shadow:inset 0 0 18px #0006}.browser .library-actions select,.browser .library-actions>button,.browser .library-actions>.upload{width:100%;min-height:31px;background:#151b25;color:white;border:1px solid #343d4c;border-radius:5px;padding:7px;font-size:9px;text-align:left}.browser .library-actions>.upload{display:flex;align-items:center;background:var(--a);color:#111;border-color:var(--a)}.browser>.library{min-width:0;min-height:0;overflow-y:scroll!important;overflow-x:auto!important;scrollbar-gutter:stable}.browser .library-head{position:sticky;top:-15px;z-index:3;background:#0c0f15;padding:15px 0 8px}.library-window .browser{grid-template-columns:210px minmax(0,1fr);height:100vh!important;min-height:100vh!important}
.permission-hidden{display:none!important}.users-card{width:min(850px,calc(100% - 30px))}.dj-user-row{gap:15px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:1}.permission-grid label{display:flex;align-items:center;gap:4px;margin:0;background:#10151e;padding:5px;border-radius:4px;font-size:8px}.permission-grid input{width:auto;margin:0}.dj-user-row em{color:var(--a);font-size:9px}.permission-legend{color:var(--muted);font-size:8px;margin-top:12px}.delete-track{color:#ff7184!important;border-color:#52242d!important}#autoDjBtn.active{background:var(--cyan);color:#071014}
.playlist-folders{display:flex;flex-direction:column;gap:4px;max-height:105px;overflow:auto;padding:3px;border:1px dashed #344052;border-radius:5px}.playlist-folder{display:flex!important;justify-content:space-between;align-items:center;min-height:28px!important;padding:5px 7px!important;background:#0b1018!important;color:#bfc8d8!important}.playlist-folder.active{border-color:var(--a)!important;color:#fff!important}.playlist-folder.drop-target{background:#173521!important;border-color:#45e67c!important;box-shadow:0 0 10px #45e67c55}.playlist-folder small{color:var(--a)}.no-folders{padding:6px;color:#697487;font-size:8px}.playlist-picker-card select{display:block;width:100%;margin:16px 0;background:#080b10;color:#fff;border:1px solid #384254;border-radius:6px;padding:11px}.browser tr[draggable=true]:active{opacity:.6}.browser tr[draggable=true]{cursor:grab}
#loginModal{overflow:hidden;background:radial-gradient(circle at 50% 45%,#30250b88,transparent 34%),linear-gradient(125deg,#03050a 0%,#0a1020 55%,#080a0f 100%)}#loginModal:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.8%,#d5aa3544 50%,transparent 50.2%);opacity:.45}.login-brand-logo{position:absolute;left:28px;top:28px;z-index:3;width:150px;padding:7px;border:1px solid #d8b34e;border-radius:14px;background:#07090ddd;box-shadow:0 0 32px #d7aa3d55;text-align:center}.login-brand-logo img{display:block;width:100%;height:112px;object-fit:cover;object-position:center 34%;border-radius:9px}.login-brand-logo span{display:block;padding:7px 2px 2px;font:800 13px Orbitron;color:#eac55e;letter-spacing:2px}.login-gold-title{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font:800 clamp(90px,15vw,230px) Orbitron;color:transparent;background:linear-gradient(180deg,#fff0a5 0,#d7aa34 42%,#75500b 78%,#f1cf68 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 8px 2px #000) drop-shadow(0 0 25px #d8ad3b66);letter-spacing:.08em;opacity:.32;user-select:none}.branded-login-card{z-index:4;margin:0!important;border-color:#9b7627;background:linear-gradient(145deg,#171a20f5,#07090df5);box-shadow:0 25px 80px #000,0 0 35px #d6a93a55}.branded-login-card .login-submit{background:linear-gradient(180deg,#f4d570,#b57b12);color:#160f02}.login-website{position:absolute;left:0;right:0;bottom:7%;z-index:3;overflow:hidden;white-space:nowrap;border-top:1px solid #be922b55;border-bottom:1px solid #be922b55;background:#05070bbb;padding:13px 0}.login-website span{display:inline-block;font:800 25px Orbitron;color:#efcb63;text-shadow:0 0 15px #e9b934;animation:website-scroll 12s linear infinite}@keyframes website-scroll{from{transform:translateX(-110%)}to{transform:translateX(110vw)}}@media(max-width:1250px){.login-gold-title{font-size:100px}.login-brand-logo{width:120px}.login-brand-logo img{height:88px}}
.library-view-tabs{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.library-view-tabs button{background:#111620;color:#9fa9ba;border:1px solid #343d4c;border-radius:5px;padding:8px 11px;font-size:9px;cursor:pointer}.library-view-tabs button.active,.library-view-tabs button:hover{background:#20283a;color:#fff;border-color:var(--a)}.library-head{gap:15px}
.branded-login-card{width:min(520px,calc(100% - 30px));max-height:82vh;overflow:auto;padding:22px 28px}.login-site-player{margin-top:16px;padding:12px;border:1px solid #8d6a20;border-radius:9px;background:linear-gradient(145deg,#16140d,#08090d);box-shadow:inset 0 0 18px #000}.login-site-player>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.login-site-player span{font:700 7px Orbitron;color:#997526;letter-spacing:1px}.login-site-player strong{flex:1;font:700 10px Orbitron;color:#f0cb62;text-align:center}.login-site-player>div button{width:26px;height:26px;border:1px solid #8d6a20;border-radius:50%;background:#18130a;color:#f0cb62;cursor:pointer}.login-site-player>div button:hover{background:#d7aa34;color:#111}.login-site-player select{display:block;width:100%;background:#050609;color:#fff;border:1px solid #6e5522;border-radius:6px;padding:9px;font-size:9px}.login-site-player audio{display:block;width:100%;height:36px;margin-top:8px;accent-color:#d7aa34}.login-site-player a{display:block;margin-top:7px;color:#d9b957;text-align:right;text-decoration:none;font-size:8px}.login-site-player a:hover{color:#fff0a5}
.login-brand-logo{width:300px!important;max-height:calc(100vh - 55px);overflow:auto;padding:9px!important}.login-brand-logo>img{height:155px!important}.login-brand-logo>.login-site-player{margin-top:5px;text-align:left}.login-site-player canvas{display:block;width:100%;height:52px;margin:6px 0 8px;border:1px solid #493915;border-radius:5px;background:#070708}.login-admin-ticker{margin-top:8px;overflow:hidden;border:1px solid #d6aa39;border-radius:6px;background:#070704;padding:9px 0;white-space:nowrap;box-shadow:inset 0 0 16px #b7831422}.login-admin-ticker span{display:inline-block;padding-left:100%;font:800 11px Orbitron;color:#f0cb62;text-shadow:0 0 9px #d9a72c;animation:login-ticker-scroll 16s linear infinite}@keyframes login-ticker-scroll{to{transform:translateX(-100%)}}.ticker-admin-settings{margin-top:16px;padding:12px;border:1px solid #8d6a20;border-radius:8px;background:#0d0c08}.ticker-admin-settings h3{margin:0 0 8px;color:#f0cb62;font:700 11px Orbitron}.ticker-admin-settings textarea{display:block;width:100%;min-height:75px;resize:vertical;background:#07090d;color:#fff;border:1px solid #55431e;border-radius:6px;padding:9px}.ticker-admin-settings button{margin-top:7px;background:linear-gradient(#f1ce66,#a87311);color:#171004;border:0;border-radius:5px;padding:8px 12px;font-weight:800;cursor:pointer}@media(max-width:1250px){.login-brand-logo{width:270px!important;left:14px!important;top:14px!important}.login-brand-logo>img{height:125px!important}}
.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(2,4,8,.82);backdrop-filter:blur(12px);z-index:100}.modal.open{display:grid}.modal-card{position:relative;width:min(420px,calc(100% - 30px));background:linear-gradient(145deg,#171d28,#090c12);border:1px solid #343e50;border-radius:14px;padding:28px;box-shadow:0 25px 80px #000;color:white}.modal-card h2{font:700 22px Orbitron;margin:8px 0}.modal-card p{color:var(--muted);font-size:11px}.modal-card label{display:block;font-size:9px;color:var(--muted);margin:12px 0}.modal-card input{display:block;width:100%;margin-top:5px;background:#080b10;color:white;border:1px solid #384254;border-radius:6px;padding:10px}.modal-close{position:absolute;right:12px;top:12px;background:transparent;color:#99a3b4;border:0;font-size:22px}.modal-icon{font-size:28px}.login-submit,.add-dj-form button{width:100%;background:var(--a);color:#080b0f;border:0;border-radius:6px;padding:11px;font-weight:800}.modal-card>small{display:block;color:#687386;text-align:center;margin-top:13px}.users-card{width:min(620px,calc(100% - 30px))}.add-dj-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.add-dj-form input{margin:0}.add-dj-form button{width:auto}.dj-users-list{margin-top:18px}.dj-users-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #28303e}.dj-users-list span{display:flex;flex-direction:column}.dj-users-list small{color:var(--muted)}.dj-users-list button{background:#31131a;color:#ff8092;border:1px solid #57202b;border-radius:5px;padding:6px 9px}
.midi-profile-label{display:grid;gap:5px;margin:10px 0;color:#aeb8cc;font-size:12px}
.midi-profile-label select{width:100%;padding:8px;border:1px solid #313a4c;border-radius:7px;background:#111722;color:#f3f6ff}
.denon-mapper{margin:10px 0;padding:8px;border:1px solid #2d374b;border-radius:8px;background:#0b101a}
.denon-mapper summary{cursor:pointer;color:#62d8ff;font-weight:700}
.denon-mapper p{font-size:11px;line-height:1.35;color:#aeb8cc}
#denonActionGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:300px;overflow:auto}
#denonActionGrid button{padding:6px 4px;font-size:10px;border-color:#344057}
#denonActionGrid button.mapped{border-color:#24d47d;color:#70efa9;background:#10251d}
.login-brand-logo .login-site-player span{display:inline;padding:0}.login-brand-logo .login-admin-ticker span{padding-top:0;padding-right:0;padding-bottom:0}
.login-brand-logo{left:28px!important;right:auto!important}.console-preview-panel{position:absolute;right:28px;top:50%;z-index:4;width:300px;margin:0;transform:translateY(-50%);overflow:hidden;border:1px solid #d8b34e;border-radius:14px;background:#07090ddd;box-shadow:0 0 32px #d7aa3d44;padding:8px}.console-preview-panel img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;border:1px solid #4e4020;border-radius:8px}.console-preview-panel figcaption{padding:10px 5px 5px;text-align:center}.console-preview-panel strong,.console-preview-panel span{display:block}.console-preview-panel strong{font:800 12px Orbitron;color:#f0cb62;letter-spacing:1px}.console-preview-panel span{margin-top:5px;color:#9da7b8;font-size:8px}@media(max-width:1250px){.login-brand-logo{left:14px!important;right:auto!important}.console-preview-panel{right:14px;width:270px}}
.login-brand-logo{left:auto!important;right:28px!important}.login-admin-ticker{position:absolute;left:50%;top:7%;z-index:5;width:min(520px,calc(100% - 680px));min-width:420px;transform:translateX(-50%);margin:0}.login-site-player>div .login-stop-track{width:auto;height:26px;padding:0 7px;border-radius:5px;color:#ffce62;font:800 7px Orbitron}.login-site-player>div .login-stop-track:hover{background:#a21d20;color:#fff}@media(max-width:1250px){.login-brand-logo{left:auto!important;right:14px!important}.login-admin-ticker{top:4%;min-width:390px;width:430px}}
.login-brand-logo{left:28px!important;right:auto!important}@media(max-width:1250px){.login-brand-logo{left:14px!important;right:auto!important}}
#loginLaserCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 40%,#120b1b88 0,transparent 45%),#020305}.login-gold-title,.login-brand-logo,.branded-login-card,.console-preview-panel,.login-admin-ticker,.login-website{z-index:3}
.login-admin-ticker span,.login-website span{will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}.login-admin-ticker span{animation-name:login-ticker-scroll-smooth!important}@keyframes login-ticker-scroll-smooth{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}.login-website span{animation-name:website-scroll-smooth!important}@keyframes website-scroll-smooth{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(100vw,0,0)}}
.deck-a-appearance{display:flex;align-items:center;justify-content:flex-end;gap:8px;overflow:visible!important}.deck-a-appearance>span{font-size:10px;color:var(--muted);white-space:nowrap}.deck-a-appearance label{display:flex;align-items:center;gap:4px;color:var(--deck);font-size:15px;cursor:pointer}.deck-a-appearance select{width:66px;background:#080b11;color:#fff;border:1px solid #3a4353;border-radius:4px;padding:4px;font-size:8px;cursor:pointer}
.interface-white{background:#eef2f7!important;color:#101722!important}.interface-white .topbar,.interface-white .notice{background:#fff;color:#17202c;border-color:#b9c2ce}.interface-white .logo{color:#111}.interface-white .controller-grille{background-color:#e3e8ef;background-image:radial-gradient(#8c98a8 1.2px,transparent 1.6px)}.interface-white .controller-grille strong,.interface-white .controller-grille small{color:#273445}.interface-white .hardware-layout{background:linear-gradient(#e9edf3,#cdd5df);border-color:#7e8996}.interface-white .hardware-layout .deck,.interface-white .hardware-layout .mixer,.interface-white .mini-deck,.interface-white .performance-studio,.interface-white .browser,.interface-white .browser>aside,.interface-white .library-head{background:#f8fafc;color:#111923;border-color:#aeb8c5}.interface-white .hardware-layout .deck-head{background:#e9eef5;color:#111923;border-color:#b5beca}.interface-white .deck-head strong,.interface-white .library h2,.interface-white .studio-head h2,.interface-white .mixer-title{color:#111923}.interface-white .deck-head small,.interface-white .pitch-box,.interface-white .eq-strip label,.interface-white .master-knob,.interface-white .cross-label,.interface-white .library p{color:#4e5b6b}.interface-white button,.interface-white .source,.interface-white .library-actions>button,.interface-white .playlist-folder{background:#e3e9f1!important;color:#121a25!important;border-color:#8d99a8!important;text-shadow:none!important}.interface-white button:hover,.interface-white .source.active,.interface-white .library-view-tabs button.active{background:#cfd8e4!important;color:#05080c!important}.interface-white .transport,.interface-white .youtube-loader,.interface-white .direct-loader,.interface-white .pad-editor,.interface-white .fx-editor,.interface-white .library-actions{background:#e7ecf3;color:#111923}.interface-white input,.interface-white select,.interface-white textarea{background:#fff!important;color:#111!important;border-color:#8e99a7!important}.interface-white table,.interface-white th,.interface-white td{color:#17202b;border-color:#c1c9d3}.interface-white .platter{box-shadow:0 0 0 4px #7c8795,0 10px 25px #8290a5,inset 0 0 0 5px #404958}.interface-white .deck-a-appearance select{background:#fff;color:#111}.interface-white .toast{background:#fff;color:#111;border-color:#8e99a7}
.logo{display:flex;align-items:center;gap:5px}.logo img{width:34px;height:34px;border-radius:8px;object-fit:cover;box-shadow:0 0 12px #ff5b6333}.login-admin-ticker span{animation-duration:var(--ticker-duration,16s)!important}.login-website span{animation-duration:var(--ticker-duration,16s)!important}.advanced-settings{margin-top:18px;padding:15px;border:1px solid #344057;border-radius:9px;background:#090d14}.advanced-settings>h3{margin:0 0 12px;color:var(--a);font:700 13px Orbitron}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-grid fieldset{min-width:0;margin:0;border:1px solid #2f3a4b;border-radius:7px;background:#0d121b;padding:10px}.settings-grid legend{padding:0 6px;color:#dce4f2;font:700 9px Orbitron}.settings-grid label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px;margin:7px 0;font-size:8px}.settings-grid input,.settings-grid select{min-width:0;width:100%;margin:0;padding:7px;background:#070a10;color:#fff;border:1px solid #394557;border-radius:5px}.settings-grid button,.settings-buttons label{background:#171f2c;color:#fff;border:1px solid #3b485d;border-radius:5px;padding:8px;font-size:8px;cursor:pointer}.settings-grid small{color:#7f8a9d;font-size:7px}.settings-buttons{display:flex;gap:6px;margin-top:9px}.settings-buttons label{position:relative}.settings-buttons input{position:absolute;inset:0;opacity:0}.interface-white .advanced-settings,.interface-white .settings-grid fieldset{background:#f3f6fa;color:#15202d;border-color:#aeb8c5}.interface-white .settings-grid legend,.interface-white .advanced-settings h3{color:#182230}@media(max-width:1250px){.settings-grid{grid-template-columns:1fr}}
.ai-settings-card{grid-column:1/-1;border-color:#2f8f9d!important;background:linear-gradient(145deg,#0b1820,#0a1018)!important;box-shadow:inset 0 0 24px #22d4ff0b}.ai-settings-card legend{color:#4fe4ff!important}.ai-stems-title{margin:10px 0 6px;color:#9aefff;font:700 8px Orbitron}.ai-stem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.ai-stem-grid button{border-color:#286478;background:#0d2630;color:#a7efff}.ai-stem-grid button.active{background:#3ce2ff;color:#041015;box-shadow:0 0 14px #3ce2ff55}.ai-track-data{display:block;margin:3px 0 0 28px;color:#36dfff;font:700 7px Orbitron}.interface-white .ai-settings-card{background:linear-gradient(145deg,#eefbff,#e6f1f5)!important}.interface-white .ai-stem-grid button.active{background:#19bdd9!important;color:#031014!important}
.deck-stems-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 12px 8px}.deck-stems-strip button{padding:7px 3px;border:1px solid #31546a;border-radius:4px;background:#0d1720;color:#79cce6;font:700 7px Orbitron;cursor:pointer}.deck-stems-strip button.active{background:var(--deck);color:#080b0e;border-color:var(--deck);box-shadow:0 0 14px color-mix(in srgb,var(--deck) 55%,transparent)}

/* 3D Professional keeps the existing controls and changes only their presentation. */
.interface-3d{--panel:#171b20;--panel2:#242a31;background:radial-gradient(ellipse at 50% -10%,#29333d 0,#090c10 48%,#030405 100%)!important}
.interface-3d .topbar{background:linear-gradient(180deg,#171b20,#080a0d);border-bottom-color:#3b434d;box-shadow:0 8px 22px #000b}
.interface-3d .controller-grille{height:82px;border-color:#5e6874;background:linear-gradient(180deg,#222a33,#0d1116);box-shadow:inset 0 1px #89929c55,0 8px 25px #000}
.interface-3d .controller-grille strong{color:#d6dde6;text-shadow:0 2px 2px #000}.interface-3d .controller-grille small{color:#6de6ff}
.interface-3d .hardware-layout{grid-template-columns:minmax(390px,1fr) 270px minmax(390px,1fr);gap:8px;padding:8px;border:1px solid #4b545e;border-radius:14px;background:linear-gradient(180deg,#0b0e12,#020304);box-shadow:0 22px 50px #000,inset 0 1px #8994a033}
.interface-3d .hardware-layout .deck,.interface-3d .hardware-layout .mixer{position:relative;border:1px solid #59636d;border-radius:11px;background:linear-gradient(145deg,#30363d 0,#15191e 38%,#080a0d 100%);box-shadow:inset 0 1px #ffffff25,inset 0 -14px 35px #0008,0 8px 20px #000}
.interface-3d .hardware-layout .deck:before,.interface-3d .hardware-layout .mixer:before{content:"";position:absolute;inset:5px;z-index:0;border:1px solid #000;border-radius:8px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0b}
.interface-3d .hardware-layout .deck>* , .interface-3d .hardware-layout .mixer>*{position:relative;z-index:1}
.interface-3d .hardware-layout .deck-head{margin:8px 8px 0;border:1px solid #090b0e;border-radius:6px;background:linear-gradient(180deg,#11161c,#05070a);box-shadow:inset 0 1px #5c657033;padding:10px}
.interface-3d .deck-head strong{font-size:13px;color:#eef4fb}.interface-3d .deck-head small{color:#8e9aaa}.interface-3d .deck-label{font-size:13px;text-shadow:0 0 12px var(--deck)}
.interface-3d .source-tabs{margin:4px 8px 0;padding:5px;background:#090c10;border-radius:5px}.interface-3d .source{border:1px solid #303842!important;background:linear-gradient(#252b32,#10141a)!important;color:#aeb7c2!important;box-shadow:inset 0 1px #ffffff18}.interface-3d .source.active{border-color:var(--deck)!important;color:#fff!important;box-shadow:inset 0 0 12px color-mix(in srgb,var(--deck) 25%,transparent),0 0 8px color-mix(in srgb,var(--deck) 25%,transparent)}
.interface-3d .deck-body{min-height:290px;padding:12px 14px}.interface-3d .platter{width:245px;height:245px;border:10px solid #313943;background:repeating-radial-gradient(circle,#0a0c0f 0 3px,#252a30 4px,#08090b 6px);box-shadow:0 0 0 3px #050607,0 0 0 5px #69737e,0 16px 28px #000,inset 0 0 0 6px #020304,inset 0 0 32px #000}
.interface-3d .deck-a .platter{filter:drop-shadow(0 0 9px #ff7a0044)}.interface-3d .deck-b .platter{filter:drop-shadow(0 0 9px #ff174f44)}
.interface-3d .platter:after{content:"";position:absolute;inset:-5px;border:2px solid var(--deck);border-radius:50%;box-shadow:0 0 13px var(--deck),inset 0 0 10px var(--deck);opacity:.78}
.interface-3d .vinyl{inset:7px;border-color:#4d535b;background:radial-gradient(circle,#111 0 10%,#2c3035 11% 12%,#08090b 13% 50%,#282c31 50.5% 51%,#08090b 52% 69%,#292d32 69.5% 70%,#07080a 71%)}
.interface-3d .label{inset:34%;border:3px solid #111;background:radial-gradient(circle at 38% 32%,#f2f4f6 0,#69717a 20%,#16191d 56%,var(--deck) 100%);box-shadow:0 0 0 2px var(--deck),0 0 15px var(--deck);text-shadow:0 2px 2px #000}
.interface-3d .pitch-box{padding:8px 2px;border:1px solid #444d57;border-radius:6px;background:linear-gradient(90deg,#0b0d10,#23282e,#0b0d10);box-shadow:inset 0 0 10px #000}.interface-3d .pitch-box input{accent-color:var(--deck)}
.interface-3d .eq-strip{padding:7px;border:1px solid #414a54;border-radius:7px;background:linear-gradient(90deg,#080a0d,#20252b,#080a0d);box-shadow:inset 0 0 12px #000}.interface-3d .eq-strip label{color:#c3ccd6;font-weight:700}.interface-3d .eq-strip input{accent-color:var(--deck)}
.interface-3d .performance{padding:5px 12px 9px}.interface-3d .performance button{height:43px;border:1px solid #69737e;border-bottom:4px solid var(--deck);background:linear-gradient(145deg,#313842,#101419);box-shadow:inset 0 1px #ffffff2b,0 3px 4px #000;color:#dbe2ea;font-weight:800}.interface-3d .performance button:nth-child(1){border-bottom-color:#ffcf35}.interface-3d .performance button:nth-child(2){border-bottom-color:#ff3f77}.interface-3d .performance button:nth-child(3){border-bottom-color:#28a7ff}.interface-3d .performance button:nth-child(4){border-bottom-color:#69e743}
.interface-3d .deck-stems-strip button{background:linear-gradient(#26313a,#0a1015);border-color:#476071;box-shadow:inset 0 1px #ffffff1d}.interface-3d .deck-stems-strip button.active{background:var(--deck);color:#07090c}
.interface-3d .pad-mode-buttons button{background:linear-gradient(#252b32,#0c0f13);border-color:#49525d;color:#aab4bf}.interface-3d .pad-mode-buttons button.active{box-shadow:0 0 10px var(--deck)}
.interface-3d .transport{margin:0 8px 8px;border:1px solid #343c45;border-radius:8px;background:linear-gradient(#11151a,#050608);box-shadow:inset 0 1px #ffffff16}.interface-3d .transport button{border-color:#5c6670;background:linear-gradient(#343b44,#11151a);box-shadow:inset 0 1px #ffffff32,0 3px 5px #000}.interface-3d .transport .play{border-radius:22px;background:radial-gradient(circle at 38% 28%,#baffcb,#1ed75a 42%,#086c29 80%);color:#021307;text-shadow:0 1px #fff8;box-shadow:0 0 12px #27ed67aa,inset 0 2px #ffffff88}.interface-3d .transport .cue{border-color:#ff9d27;color:#ffc16d;box-shadow:inset 0 0 10px #ff8a0028}
.interface-3d .hardware-layout .mixer{padding:15px 12px}.interface-3d .mixer-title{font-size:13px;color:#76e9ff;text-shadow:0 0 12px #24d9ff}.interface-3d .browse-knob,.interface-3d .hardware-knob{background:radial-gradient(circle at 38% 32%,#bfc7cf,#414951 28%,#090b0d 68%);border-color:#7e8994;box-shadow:0 5px 8px #000,0 0 0 3px #13171b}.interface-3d .meters{height:125px;padding:9px;border:1px solid #333d46;border-radius:5px;background:#050708;box-shadow:inset 0 0 12px #000}.interface-3d .meters i{box-shadow:0 0 7px currentColor}
.interface-3d .channel-faders{padding:8px 3px;border:1px solid #343d47;border-radius:6px;background:linear-gradient(90deg,#090b0e,#20252b,#090b0e)}.interface-3d .channel-faders input,.interface-3d .cross-label input{accent-color:#32dcff}.interface-3d .cross-label{padding:9px;border:1px solid #343d47;border-radius:6px;background:#080a0d;color:#d7e0e9}.interface-3d .cross-label input{filter:drop-shadow(0 0 5px #24d9ff)}
.interface-3d .browser,.interface-3d .performance-studio{border-color:#48515c;background:linear-gradient(145deg,#171c22,#07090c);box-shadow:0 12px 30px #0008,inset 0 1px #ffffff15}
.interface-3d .deck-a-appearance select{width:82px;background:#070a0e;color:#fff;border-color:#59636e}.interface-3d .toast{border-color:#4ddfff;background:#101820;box-shadow:0 0 20px #24d9ff33}
.mini-main-decks .deck-stems-strip{display:none}
.real-stems-panel{margin:0 12px 8px;padding:7px;border:1px solid #315d70;border-radius:7px;background:linear-gradient(145deg,#0b1820,#080c11);box-shadow:inset 0 0 16px #23d8ff0c}.real-stems-head{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;margin-bottom:6px}.real-stems-head strong{color:#55e5ff;font:800 8px Orbitron}.real-stems-head button,.stem-reset{border:1px solid #3c768c;border-radius:4px;background:#12303c;color:#b8f4ff;padding:5px 7px;font:700 7px Orbitron;cursor:pointer}.real-stems-head button:disabled{opacity:.45;cursor:wait}.real-stems-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8298a3;font-size:7px;text-align:right}.real-stems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.real-stems-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:5px;border:1px solid #283943;border-radius:5px;background:#0a1015}.real-stems-grid b{grid-column:1/-1;color:#dce9ee;font:700 7px Orbitron;text-align:center}.real-stems-grid button{border:1px solid #3b5360;border-radius:3px;background:#17232a;color:#9fb5bf;padding:5px 2px;font:700 6px Orbitron;cursor:pointer}.real-stems-grid [data-stem-solo].active{background:#26d8ff;color:#041014;border-color:#76ecff;box-shadow:0 0 10px #26d8ff88}.real-stems-grid [data-stem-mute].active{background:#eb3459;color:#fff;border-color:#ff7590;box-shadow:0 0 10px #eb345988}.stem-reset{display:block;width:100%;margin-top:5px;background:#111a20;color:#b7c8d0}.interface-3d .real-stems-panel{border-color:#596873;background:linear-gradient(#20272d,#080b0e);box-shadow:inset 0 1px #ffffff17,0 4px 10px #000}.mini-main-decks .real-stems-panel{display:none}
.deck-lcd{display:grid;grid-template-columns:1fr 90px;min-height:72px;margin:7px 10px 0;overflow:hidden;border:1px solid #050607;border-radius:6px;background:#05070a;box-shadow:inset 0 0 18px #000,0 0 0 1px #3b4650}.deck-lcd canvas{width:100%;height:72px}.deck-lcd>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #303943;background:linear-gradient(#141a21,#07090c)}.deck-lcd b{color:var(--deck);font:800 12px Orbitron;text-shadow:0 0 9px var(--deck)}.deck-lcd span{margin-top:6px;color:#71808d;font:700 6px Orbitron}.interface-3d .deck-lcd{border-color:#69737e;box-shadow:inset 0 0 20px #000,0 4px 9px #000}.mini-main-decks .deck-lcd{min-height:34px;margin:3px;grid-template-columns:1fr}.mini-main-decks .deck-lcd canvas{height:34px}.mini-main-decks .deck-lcd>div{display:none}
.hardware-layout{grid-template-columns:minmax(390px,1fr) 330px minmax(390px,1fr)!important}.hardware-layout .pro-center-mixer{align-self:stretch;resize:none;overflow:hidden;min-height:0;max-height:none;padding:13px 11px;background:linear-gradient(145deg,#282e35,#11151a 48%,#050608);border:1px solid #65707b;border-radius:9px;box-shadow:inset 0 1px #ffffff2d,inset 0 -20px 35px #0008,0 10px 24px #000}.hardware-layout .pro-center-mixer:after{display:none}.pro-center-mixer .mixer-title{padding:8px;border:1px solid #39434d;border-radius:5px;background:#080b0e;color:#5de5ff;text-shadow:0 0 10px #26d9ff}.mixer-top-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:7px;margin:10px 0}.mixer-top-row>button{height:34px;border:1px solid #57626e;border-radius:5px;background:linear-gradient(#343b43,#101419);color:#eef4f8;font:800 8px Orbitron;box-shadow:inset 0 1px #ffffff30,0 3px 5px #000}.mixer-top-row .browse-control{transform:scale(.82)}.pro-meter-screen{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:105px;padding:8px;border:1px solid #35404a;border-radius:6px;background:radial-gradient(circle,#101b20,#020405 72%);box-shadow:inset 0 0 20px #000}.pro-meter-screen .meters{height:84px;margin:0;padding:5px;border:0;background:transparent}.pro-meter-screen .meters i{width:12px;box-shadow:0 0 7px #3eff7c}.pro-meter-screen strong{writing-mode:vertical-rl;color:#dbe5eb;font:700 7px Orbitron}.pro-meter-screen small{position:absolute;left:0;right:0;bottom:3px;color:#5f717b;font-size:6px}.mixer-channel-eq{display:grid;grid-template-columns:1fr 60px 1fr;gap:7px;margin-top:9px}.mixer-channel{display:grid;gap:5px;padding:7px;border:1px solid #3e4852;border-radius:6px;background:linear-gradient(90deg,#07090c,#20262c,#07090c);box-shadow:inset 0 0 10px #000}.mixer-channel>b{font:800 7px Orbitron}.mixer-channel.channel-a>b{color:#ff9b32}.mixer-channel.channel-b>b{color:#ff426c}.mixer-channel label{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:4px;color:#aab5bf;font:700 6px Orbitron}.mixer-channel input{min-width:0;width:100%;height:13px;accent-color:#28dfff}.channel-a input{accent-color:#ff7a00}.channel-b input{accent-color:#ff174f}.mixer-channel-eq .master-knob{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;border:1px solid #3b4650;border-radius:6px;background:#080b0e;color:#64e8ff;font:700 7px Orbitron}.mixer-channel-eq .master-knob input{appearance:slider-vertical;width:25px;height:105px;margin:7px 0;accent-color:#29ddff}.pro-center-mixer .channel-faders{height:165px;margin-top:9px;padding:9px 15px;border:1px solid #3e4852;border-radius:7px;background:repeating-linear-gradient(90deg,#080a0d 0 48%,#303841 49% 50%,#080a0d 51% 100%);box-shadow:inset 0 0 15px #000}.pro-center-mixer .channel-faders input{height:135px;width:48px}.pro-center-mixer .channel-faders label:first-child input{accent-color:#ff7a00}.pro-center-mixer .channel-faders label:last-child input{accent-color:#ff174f}.pro-center-mixer .cue-row{margin-top:8px}.pro-center-mixer .cue-row button{border-color:#5c6874;border-radius:5px;background:linear-gradient(#323a43,#0e1217);font:800 8px Orbitron;box-shadow:inset 0 1px #ffffff28}.pro-center-mixer .cue-row button.on{background:#16cfff;color:#031014;box-shadow:0 0 12px #16cfff}.pro-center-mixer .head-controls{padding:7px;border:1px solid #34404a;border-radius:6px;background:#0a0d11}.pro-center-mixer .cross-label{margin-top:8px;padding:9px;border:1px solid #4a5661;border-radius:6px;background:#080b0e;color:#e1e8ed;font:800 7px Orbitron}.pro-center-mixer .cross-label input{height:18px;filter:drop-shadow(0 0 5px #27ddff)}.interface-white .pro-center-mixer,.interface-white .mixer-channel,.interface-white .pro-meter-screen,.interface-white .pro-center-mixer .channel-faders{background:#e8edf3!important;color:#111!important;border-color:#8995a3}.mini-main-decks .hardware-layout{grid-template-columns:1fr 155px 1fr!important}.mini-main-decks .mixer-channel-eq,.mini-main-decks .pro-meter-screen small{display:none}.mini-main-decks .pro-center-mixer{height:165px!important}