:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f0ea;font-synthesis:none;text-rendering:geometricprecision;--bg:#070a0b;--panel:#101415;--panel-2:#151a1c;--panel-3:#1b2022;--line:#2a3032;--line-strong:#374044;--text:#f3f0ea;--muted:#a7aca9;--faint:#717b7a;--teal:#38d5c8;--teal-2:#168d86;--amber:#f3b447;--red:#ef4a42;--shadow:#00000073;background:#070a0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(145deg, #38d5c80f, transparent 34%), radial-gradient(circle at 68% 0%, #f3b44714, transparent 33%), var(--bg);min-width:0;min-height:100vh;margin:0}a{color:inherit}button,input,select{font:inherit}button{color:inherit}.landing-shell{min-height:100vh;color:var(--text);background:linear-gradient(#070a0b2e,#070a0b 720px),#070a0b}.landing-hero{background:linear-gradient(90deg,#070a0bf5 0%,#070a0bd1 41%,#070a0b33 100%),linear-gradient(#0000 0%,#070a0be6 100%),url(https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?auto=format&fit=crop&w=2200&q=85) 50%/cover;grid-template-rows:auto 1fr;min-height:92vh;padding:22px clamp(22px,5vw,72px) 58px;display:grid}.landing-nav{justify-content:space-between;align-items:center;gap:24px;height:54px;display:flex}.landing-brand{color:var(--text);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:13px;font-size:17px;font-weight:850;text-decoration:none;display:inline-flex}.landing-brand svg{width:34px;height:34px;color:var(--teal)}.landing-nav nav{align-items:center;gap:22px;display:flex}.landing-nav nav a,.landing-footer a{color:#d9dfdc;font-size:14px;font-weight:750;text-decoration:none}.landing-nav nav a:hover,.landing-footer a:hover{color:var(--teal)}.landing-nav .nav-cta{height:38px;color:var(--teal);background:#0b0f10b8;border:1px solid #38d5c88c;border-radius:7px;align-items:center;padding:0 16px;display:inline-flex}.hero-content{grid-template-columns:minmax(420px,.85fr) minmax(520px,1fr);align-items:center;gap:clamp(28px,6vw,96px);min-height:0;display:grid}.hero-copy{max-width:760px}.hero-copy h1{letter-spacing:0;margin:0 0 16px;font-size:clamp(76px,9vw,138px);line-height:.86}.hero-copy h2{color:#f8f5ed;letter-spacing:0;max-width:690px;margin:0;font-size:clamp(34px,4.5vw,72px);line-height:.98}.hero-copy h2 span{color:var(--teal)}.hero-copy p{color:#c9d0cc;max-width:610px;margin:26px 0 0;font-size:20px;line-height:1.5}.hero-actions{align-items:center;gap:13px;margin-top:34px;display:flex}.primary-link,.secondary-link{border-radius:7px;align-items:center;gap:10px;height:48px;padding:0 18px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex}.primary-link{background:var(--teal);color:#061011}.secondary-link{color:var(--text);background:#090c0dad;border:1px solid #f3f0ea33}.hero-visual{justify-content:flex-end;display:flex}.visual-window{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e0fdb;border:1px solid #f3f0ea24;border-radius:8px;width:min(100%,760px);padding:14px;box-shadow:0 34px 90px #0000008c}.visual-toolbar{color:#d9dfdc;text-transform:uppercase;letter-spacing:.26em;justify-content:space-between;align-items:center;height:38px;font-size:12px;font-weight:850;display:flex}.visual-toolbar div{gap:8px;display:flex}.visual-toolbar i{background:#455054;border-radius:50%;width:9px;height:9px}.visual-decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.visual-decks>div{background:#101516;border:1px solid #f3f0ea1c;border-radius:7px;min-width:0;padding:10px}.visual-decks span,.visual-decks small{color:#cfd6d2;font-size:12px;font-weight:800;display:block}.visual-decks small{color:var(--teal);text-align:right;margin-top:10px}.visual-video{border:1px solid #f3f0ea14;border-radius:5px;height:150px;margin-top:8px}.teal-video{background:linear-gradient(135deg,#38d5c8c7,#0000 48%),linear-gradient(45deg,#0d1718,#283033)}.amber-video{background:linear-gradient(135deg,#f3b447b8,#0000 48%),linear-gradient(45deg,#19150e,#30302e)}.visual-eq{background:#091012;border:1px solid #38d5c82e;border-radius:7px;margin-top:14px;padding:12px}.visual-eq svg{width:100%;height:154px;display:block}.visual-eq path{fill:none;stroke:var(--teal);stroke-width:5px;filter:drop-shadow(0 0 14px #38d5c84d)}.visual-eq circle{fill:#101516;stroke:var(--amber);stroke-width:4px}.documentation,.extension-beta,.architecture{padding:86px clamp(22px,5vw,72px)}.documentation{background:#090d0e}.extension-beta{background:#0b0f10}.section-copy{max-width:760px;margin-bottom:30px}.section-copy h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1}.section-copy p{color:var(--muted);margin:14px 0 0;font-size:18px;line-height:1.5}.docs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.docs-panel{border:1px solid var(--line);background:#111617;border-radius:8px;align-content:start;min-height:450px;padding:24px;display:grid}.docs-panel.teal{border-top-color:#38d5c8b8}.docs-panel.amber{border-top-color:#f3b447b8}.docs-panel>svg{color:var(--teal)}.docs-panel.amber>svg{color:var(--amber)}.docs-panel h3{margin:22px 0 10px;font-size:24px}.docs-panel p{color:var(--muted);margin:0;line-height:1.5}.docs-panel ul{gap:11px;margin:22px 0;padding:0;list-style:none;display:grid}.docs-panel li{color:#e4e8e4;align-items:center;gap:9px;font-size:14px;display:flex}.docs-panel li svg{color:var(--teal);flex:none}.docs-note{border-top:1px solid var(--line);color:var(--muted);align-self:end;margin-top:auto;padding-top:18px;font-size:13px;line-height:1.45}.architecture{background:#070a0b}.beta-layout{border:1px solid var(--line);background:linear-gradient(135deg,#38d5c81a,#0000 48%),#101415;border-radius:8px;grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:start;gap:20px;padding:24px;display:grid}.beta-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.beta-layout ol{color:#dfe4df;gap:12px;margin:0;padding-left:22px;line-height:1.45;display:grid}.beta-layout code{color:var(--teal)}.architecture-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;display:grid}.architecture-flow article{border:1px solid var(--line);background:#101415;border-radius:8px;min-height:220px;padding:22px}.architecture-flow article svg{color:var(--teal)}.architecture-flow h3{margin:20px 0 10px;font-size:19px}.architecture-flow p{color:var(--muted);margin:0;line-height:1.45}.flow-arrow{color:var(--amber)}.landing-footer{border-top:1px solid var(--line);min-height:78px;color:var(--muted);background:#090c0d;justify-content:flex-end;align-items:center;gap:22px;padding:0 clamp(22px,5vw,72px);display:flex}.landing-footer span{margin-right:auto}.landing-footer a{align-items:center;gap:7px;display:inline-flex}.app-shell{background:#070a0bf0;border:1px solid #171c1e;grid-template-rows:72px auto minmax(0,1fr) 100px;grid-template-columns:220px minmax(640px,1fr) 380px;min-width:1060px;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c0de0;grid-column:1/-1;grid-template-columns:200px minmax(360px,1fr) auto auto 44px;align-items:center;gap:12px;padding:14px 18px;display:grid}.brand{text-transform:uppercase;letter-spacing:.32em;align-items:center;gap:14px;font-size:18px;font-weight:800;display:flex}.brand svg{color:var(--teal);width:35px;height:35px}.searchbar{border:1px solid var(--line-strong);background:#0d1112;border-radius:7px;grid-template-columns:22px 1fr 70px;align-items:center;gap:8px;height:42px;padding:0 10px;display:grid}.search-shell{min-width:0;position:relative}.searchbar input,.direct-controls input{min-width:0;color:var(--text);background:0 0;border:0;outline:0}.searchbar input::placeholder,.direct-controls input::placeholder{color:#747b7a}.searchbar button{border:1px solid var(--line);height:28px;color:var(--teal);cursor:pointer;background:#181d1f;border-radius:5px;font-size:13px;font-weight:700}.youtube-search-panel{border:1px solid var(--line-strong);background:#0b0f10;border-radius:7px;grid-area:2/2/auto/4;gap:8px;max-height:min(360px,100vh - 240px);margin:10px 18px 0 0;padding:10px;display:grid;overflow:auto;box-shadow:0 16px 42px #00000057}.youtube-search-panel.error{border-color:#ff6b6b8c}.youtube-search-status{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.35;display:flex}.youtube-search-status button{border:1px solid var(--line);height:26px;color:var(--teal);cursor:pointer;background:#151a1b;border-radius:5px;font-size:12px;font-weight:800}.youtube-result-list{gap:7px;display:grid}.youtube-result{border:1px solid var(--line);min-height:64px;color:var(--text);cursor:pointer;text-align:left;background:#101516;border-radius:7px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;display:grid}.youtube-result:hover{background:#38d5c814;border-color:#38d5c8b8}.youtube-result-actions,.queue-actions{align-items:center;gap:6px;display:flex}.youtube-result-actions button,.queue-actions button,.queue-clear{border:1px solid var(--line);height:28px;color:var(--text);cursor:pointer;background:#151a1b;border-radius:5px;font-size:12px;font-weight:800}.youtube-result-actions button:hover,.queue-actions button:hover,.queue-clear:hover{color:var(--teal);border-color:#38d5c8ad}.queue-actions button:disabled{cursor:not-allowed;opacity:.38}.youtube-result img{aspect-ratio:16/9;object-fit:cover;border-radius:5px;width:86px}.youtube-result span{gap:5px;min-width:0;display:grid}.youtube-result strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;overflow:hidden}.youtube-result small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.source-pill,.deck-count-control,.icon-button{border:1px solid var(--line);background:#0d1112;border-radius:7px;justify-content:center;align-items:center;gap:9px;height:40px;display:inline-flex}.source-pill{color:var(--muted);padding:0 13px;font-size:14px}.source-pill strong{color:var(--teal);font-weight:700}.deck-count-control{gap:0;padding:0;overflow:hidden}.deck-count-control button{border:0;border-right:1px solid var(--line);height:100%;color:var(--muted);cursor:pointer;background:0 0;padding:0 11px;font-size:13px;font-weight:850}.deck-count-control button:last-child{border-right:0}.deck-count-control button.active{color:var(--teal);background:#38d5c824}.deck-count-control button:disabled{color:var(--faint);cursor:not-allowed}.icon-button{cursor:pointer;width:40px}.icon-button:hover,.searchbar button:hover,.preset-button:hover,.queue-item:hover{border-color:#38d5c8b3}.icon-button.active{color:var(--teal);background:#38d5c81f;border-color:#38d5c8bf}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#0b0f10,#090c0d);grid-row:3;padding:10px 12px 14px;overflow:auto}.sidebar nav{border-bottom:1px solid var(--line);gap:4px;padding-bottom:18px;display:grid}.sidebar nav button,.playlist-row{width:100%;height:42px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:11px;padding:0 12px;text-decoration:none;display:flex}.sidebar nav button{font:inherit;justify-content:flex-start}.sidebar nav button.active{color:var(--teal);background:#171c1e}.section-title{height:44px;color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:end;font-size:13px;font-weight:800;display:flex}.section-title button{color:var(--teal);cursor:pointer;font:inherit;background:0 0;border:0}.sidebar-panel{gap:7px;display:grid}.playlist-row{color:#d7dbd6;height:32px;font-size:14px}.playlist-row.active{color:var(--teal);background:#171c1e}.playlist-row span:last-child{color:var(--muted)}.side-track{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;padding:7px;display:grid}.side-track:hover,.side-track.active{border-color:var(--line);background:#111617}.side-track.active{color:var(--teal)}.side-track img{object-fit:cover;background:#171c1e;border-radius:5px;width:44px;height:33px}.side-track span{gap:2px;min-width:0;display:grid}.side-track strong,.side-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-track strong{font-size:13px}.side-track small,.side-empty{color:var(--muted);font-size:12px;line-height:1.35}.library-stat{border:1px solid var(--line);color:var(--muted);background:#111617;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.library-stat strong{color:var(--teal)}.side-action{border:1px solid var(--line);height:38px;color:var(--teal);cursor:pointer;background:#181d1f;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.player-panel{grid-row:3;min-width:0;padding:12px 16px 18px;overflow:auto}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.deck-grid.single-deck{grid-template-columns:minmax(0,1fr)}.deck-mode-overview{background:#f3b4470f;border:1px solid #f3b4474d;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;min-height:50px;margin-bottom:12px;padding:8px 10px;display:flex}.deck-mode-overview.native{background:#38d5c814;border-color:#38d5c861}.deck-mode-overview div{gap:3px;min-width:0;display:grid}.deck-mode-overview strong{color:var(--amber);text-transform:uppercase;font-size:12px;font-weight:900}.deck-mode-overview.native strong{color:var(--teal)}.deck-mode-overview p{color:var(--muted);margin:0;font-size:12px;line-height:1.25}.deck-mode-overview>span{color:var(--faint);text-transform:uppercase;flex:none;font-size:11px;font-weight:850}.mobile-playlists{display:none}.ios-limits{color:var(--muted);background:#f3b44714;border:1px solid #f3b44773;border-radius:7px;grid-template-columns:24px 1fr;align-items:start;gap:10px;margin-bottom:12px;padding:12px;display:grid}.ios-limits svg{color:var(--amber)}.ios-limits strong{color:var(--text);margin-bottom:4px;display:block}.ios-limits p{margin:0;font-size:13px;line-height:1.4}.deck{border:1px solid var(--line);background:#0b0f10;border-radius:7px;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;padding:10px;display:grid;overflow:hidden}.deck.active{border-color:#38d5c8bf;box-shadow:0 0 0 1px #38d5c81a}.deck-topline,.deck-meta,.deck-volume,.mix-status,.preset-effect{justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-label{border:1px solid var(--line);height:30px;color:var(--teal);cursor:pointer;text-transform:uppercase;background:#111617;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.deck-state{color:var(--muted);white-space:nowrap;font-size:12px}.deck-state-stack{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.deck-routing-summary{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.deck-mode-banner{background:#f3b4470f;border:1px solid #f3b44747;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:6px 8px;display:flex}.deck-mode-banner.native{background:#38d5c814;border-color:#38d5c861}.deck-mode-banner strong{color:var(--amber);text-transform:uppercase;white-space:nowrap;flex:none;font-size:11px;font-weight:900}.deck-mode-banner.native strong{color:var(--teal)}.deck-mode-banner span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.deck-route-note{color:var(--faint);margin-top:0;font-size:11px;line-height:1.35;display:none}.native-deck-strip{background:#38d5c80b;border:1px solid #38d5c833;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.native-deck-strip.ready{background:#38d5c814;border-color:#38d5c86b}.native-deck-strip strong,.native-deck-strip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.native-deck-strip strong{color:var(--text);font-size:12px}.native-deck-strip span{color:var(--muted);margin-top:2px;font-size:11px}.native-deck-actions{align-items:center;gap:6px;display:flex}.native-deck-actions button{border:1px solid var(--line);min-width:44px;height:28px;color:var(--teal);cursor:pointer;background:#151a1b;border-radius:5px;font-size:11px;font-weight:850}.native-deck-actions button:disabled{cursor:not-allowed;color:var(--faint);opacity:.55}.deck-search{border:1px solid var(--line);background:#0d1112;border-radius:6px;grid-template-columns:18px minmax(0,1fr) 56px;align-items:center;gap:7px;height:36px;padding:0 8px;display:grid}.deck-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.deck-search button{border:1px solid var(--line);height:25px;color:var(--teal);cursor:pointer;background:#181d1f;border-radius:5px;font-size:12px;font-weight:800}.video-frame{aspect-ratio:16/9;border:1px solid var(--line);width:100%;min-width:0;max-width:100%;box-shadow:0 22px 50px var(--shadow);background:#030506;border-radius:6px;position:relative;overflow:hidden}.youtube-target,.youtube-target iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.track-row,.mix-status{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 2px 14px;display:flex}.deck-meta{align-items:flex-start}.deck-meta h1,.track-row h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:39px;margin:0 0 4px;font-size:16px;line-height:1.2;display:-webkit-box;overflow:hidden}.deck-meta p,.track-row p,.mix-status p{color:var(--muted);margin:0;font-size:13px}.mix-status h2{margin:0 0 5px;font-size:16px}.deck-volume{height:34px;color:var(--muted);font-size:13px}.deck-pan{margin-top:-4px}.deck-volume span{align-items:center;gap:6px;min-width:68px;display:inline-flex}.deck-volume input{min-width:0;accent-color:var(--teal);flex:1}.deck-volume strong{min-width:42px;color:var(--text);text-align:right}.deck-control-note{color:var(--amber);margin-top:0;font-size:11px;line-height:1.3;display:none}.deck-control-note.live{color:var(--teal)}.deck-effects-button{height:38px;color:var(--teal);cursor:pointer;background:#38d5c814;border:1px solid #38d5c873;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:850;display:inline-flex}.deck-effects-button:hover{background:#38d5c821;border-color:#38d5c8bf}.hot-cue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.hot-cue{grid-template-columns:1fr;gap:3px;display:grid}.hot-cue button{border:1px solid var(--line);min-height:24px;color:var(--teal);cursor:pointer;text-transform:uppercase;background:#121719;border-radius:6px;padding:0 5px;font-size:11px;font-weight:900}.hot-cue button:first-child{background:#38d5c814}.hot-cue button:disabled{cursor:not-allowed;color:var(--faint);opacity:.58}.hot-cue button:not(:disabled):hover{background:#38d5c821;border-color:#38d5c8a6}.dj-mixer{border:1px solid var(--line);background:#101516;border-radius:7px;grid-template-columns:minmax(0,1fr) minmax(260px,1.2fr) minmax(0,1fr);align-items:stretch;gap:10px;margin:10px 0 12px;padding:8px;display:grid}.mixer-channel,.crossfader-strip{border:1px solid var(--line);background:#0d1112;border-radius:7px;align-content:center;gap:5px;min-width:0;padding:7px;display:grid}.mixer-channel.right{text-align:right}.mixer-cue{border:1px solid var(--line);width:fit-content;min-height:26px;color:var(--muted);cursor:pointer;text-transform:uppercase;background:#121719;border-radius:6px;padding:0 8px;font-size:12px;font-weight:900}.mixer-channel.right .mixer-cue{justify-self:end}.mixer-cue.active{color:var(--teal);background:#38d5c81a;border-color:#38d5c899}.mixer-cue:disabled{cursor:not-allowed;opacity:.5}.mixer-meter{background:#2f3638;border-radius:999px;height:6px;overflow:hidden}.mixer-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--amber));max-width:100%;height:100%;transition:width .12s linear;display:block}.mixer-channel span,.crossfader-strip span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.mixer-channel small{color:var(--faint);font-size:11px;display:none}.crossfader-strip{justify-items:stretch}.crossfader-strip div{text-align:center;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;display:grid}.crossfader-strip strong{color:var(--text);font-size:13px}.crossfader-strip input{width:100%;accent-color:var(--amber)}.track-actions{gap:9px;display:flex}.queue-header{justify-content:space-between;align-items:center;margin:14px 0 10px;display:flex}.queue-header h2,.panel-heading h2{text-transform:uppercase;color:#d8ddd8;margin:0;font-size:14px;line-height:1.2}.toggle{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.queue{gap:8px;display:grid}.user-queue{margin-bottom:14px}.queue-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:88px 1fr 56px 28px;align-items:center;gap:14px;min-height:68px;padding:8px;display:grid}.queue-item.managed{cursor:default;grid-template-columns:minmax(0,1fr) auto}.queue-load{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:88px minmax(0,1fr) 56px;align-items:center;gap:14px;padding:0;display:grid}.queue-actions button{justify-content:center;align-items:center;width:28px;display:inline-flex}.rotate-up{transform:rotate(-90deg)}.rotate-down{transform:rotate(90deg)}.queue-item.selected{border-color:var(--line);background:#171c1d}.thumb{aspect-ratio:16/9;background:#111;border-radius:5px;overflow:hidden}.thumb img,.mini-track img{object-fit:cover;width:100%;height:100%}.queue-item strong{color:var(--teal);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.queue-item span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.queue-item small{color:#c5c8c4}.eq-panel{border-left:1px solid var(--line);background:linear-gradient(#101415,#0b0e0f);grid-row:3;align-content:start;gap:18px;padding:16px 14px 18px;display:grid;overflow:auto}.settings-section{gap:10px;display:grid}.desktop-settings-details{background:#0d1112;border:1px solid #f3b44757;border-radius:7px}.desktop-settings-details summary{cursor:pointer;min-height:48px;color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;list-style:none;display:flex}.desktop-settings-details summary::-webkit-details-marker{display:none}.desktop-settings-details summary span{gap:2px;min-width:0;display:grid}.desktop-settings-details summary strong,.desktop-settings-details summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.desktop-settings-details summary strong{color:var(--amber);text-transform:uppercase;font-size:13px}.desktop-settings-details summary small{color:var(--muted);font-size:12px;font-weight:800}.desktop-settings-details summary svg{color:var(--amber)}.desktop-settings-details .desktop-engine-panel{background:#101516;border-width:1px 0 0;border-bottom-style:none;border-bottom-color:currentColor;border-left-style:none;border-left-color:currentColor;border-right-style:none;border-right-color:currentColor;border-radius:0 0 7px 7px;margin:0}.eq-panel .desktop-engine-panel .engine-grid,.eq-panel .desktop-engine-panel .engine-meter-grid,.eq-panel .desktop-engine-panel .deck-bus-grid,.eq-panel .desktop-engine-panel .engine-diagnostic-list{grid-template-columns:1fr}.eq-panel .desktop-engine-panel .engine-actions,.eq-panel .desktop-engine-panel .engine-scan,.eq-panel .desktop-engine-panel .plugin-host-status{flex-direction:column;align-items:stretch}.eq-panel .desktop-engine-panel .engine-scan>div,.eq-panel .desktop-engine-panel .wav-playback-controls{justify-content:flex-start}.eq-panel .desktop-engine-panel .wav-render-panel,.eq-panel .desktop-engine-panel .wav-render-list>div,.eq-panel .desktop-engine-panel .wav-render-list>.wav-playback-row,.eq-panel .desktop-engine-panel .wav-playback-seek,.eq-panel .desktop-engine-panel .plugin-host-status{grid-template-columns:1fr}.panel-heading{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-action-button{border:1px solid var(--line);height:30px;color:var(--teal);cursor:pointer;text-transform:uppercase;background:#181d1f;border-radius:6px;padding:0 10px;font-size:12px;font-weight:850}.panel-action-button:disabled{color:var(--faint);cursor:not-allowed}.plugin-scan-summary{border:1px solid var(--line);background:#0d1112;border-radius:6px;gap:3px;margin-bottom:10px;padding:9px;display:grid}.plugin-scan-summary span{color:var(--teal);font-size:13px;font-weight:850}.plugin-scan-summary small{color:var(--muted);font-size:12px;font-weight:750}.preset-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.preset-button{border:1px solid var(--line-strong);cursor:pointer;color:#dfe3df;background:#121719;border-radius:7px;place-items:center;gap:8px;min-height:76px;display:grid}.preset-button svg{color:var(--amber)}.preset-button.active{border-color:var(--teal);color:var(--teal);background:linear-gradient(#38d5c826,#38d5c80a)}.preset-button.active svg{color:var(--teal)}.preset-effect{border:1px solid var(--line);color:var(--muted);background:#0d1112;border-radius:6px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;margin-top:10px;padding:9px 10px;font-size:13px;display:grid}.preset-effect strong{color:var(--teal)}.eq-bypass-toggle{border:1px solid var(--line);color:#dfe4df;background:#0d1112;border-radius:7px;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;margin-bottom:10px;padding:10px;font-size:13px;font-weight:850;display:grid}.eq-bypass-toggle input{accent-color:var(--amber)}.eq-bypass-toggle strong{color:var(--amber);text-transform:uppercase}.plugin-list{gap:8px;display:grid}.plugin-rack{gap:8px;margin-bottom:10px;display:grid}.plugin-rack-header,.plugin-catalog-controls{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:850;display:flex}.plugin-rack-header strong{color:var(--teal)}.plugin-empty{border:1px dashed var(--line);color:var(--muted);border-radius:6px;padding:9px}.plugin-catalog-controls{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px;display:grid}.plugin-catalog-controls label{gap:5px;display:grid}.plugin-catalog-controls select{border:1px solid var(--line);width:100%;height:32px;color:var(--text);background:#151a1c;border-radius:5px;padding:0 8px}.deck-processing-summary,.deck-eq-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.deck-processing-summary span,.deck-eq-actions button{border:1px solid var(--line);min-width:0;color:var(--muted);text-align:center;background:#14191a;border-radius:6px;font-size:12px;font-weight:800}.deck-processing-summary span{padding:8px 6px}.deck-eq-actions button{cursor:pointer;height:32px}.deck-eq-actions button:hover{color:var(--teal);border-color:#38d5c8ad}.deck-eq-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.deck-eq-band{border:1px solid var(--line);background:#111617;border-radius:6px;gap:5px;min-width:0;padding:8px;display:grid}.deck-eq-band span{color:#dfe4df;font-size:12px;font-weight:850}.deck-eq-band input{width:100%;accent-color:var(--teal)}.deck-eq-band strong{color:var(--muted);text-align:right;font-size:12px}.plugin-item{border:1px solid var(--line);background:#111617;border-radius:7px;gap:8px;padding:9px;display:grid}.plugin-item.active{background:#38d5c814;border-color:#38d5c89e}.plugin-item.blocked-plugin{border-color:#f3b4476b}.plugin-item-header{grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:8px;display:grid}.plugin-item-header label{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.plugin-item input{accent-color:var(--teal)}.plugin-item span{gap:2px;min-width:0;display:grid}.plugin-item strong,.plugin-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plugin-item small{color:var(--muted);font-size:12px}.plugin-item button{border:1px solid var(--line);height:31px;color:var(--teal);cursor:pointer;background:#181d1f;border-radius:5px;font-size:12px;font-weight:850}.plugin-item button:disabled{color:var(--faint);cursor:not-allowed}.plugin-chain-actions{gap:6px;padding-top:7px;display:flex}.plugin-chain-actions button{place-items:center;width:31px;padding:0;display:grid}.plugin-parameter-grid{border-top:1px solid #ffffff0f;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px;display:grid}.plugin-preset-actions{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;display:grid}.plugin-exposed-parameters{background:#5eead40f;border:1px solid #5eead42e;border-radius:6px;gap:8px;max-height:360px;padding:10px;display:grid;overflow:auto}.plugin-exposed-parameters>span{color:var(--teal);text-transform:uppercase;font-size:11px;font-weight:900}.plugin-exposed-parameters label{grid-template-columns:minmax(92px,.8fr) minmax(0,1fr) minmax(58px,auto);align-items:center;gap:8px;display:grid}.plugin-exposed-parameters small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plugin-exposed-parameters strong{color:var(--text);text-align:right;font-size:11px}.plugin-preset-actions button,.plugin-preset-actions select{border:1px solid var(--line);min-width:0;height:32px;color:var(--teal);background:#181d1f;border-radius:6px;padding:0 9px;font-size:12px;font-weight:850}.plugin-preset-actions select{color:var(--text)}.plugin-preset-actions button:disabled{color:var(--faint);cursor:not-allowed}.plugin-parameter-grid label{grid-template-columns:minmax(52px,.62fr) minmax(0,1fr) minmax(58px,auto);align-items:center;gap:7px;min-width:0;display:grid}.plugin-parameter-grid span,.plugin-parameter-grid strong{color:var(--muted);font-size:11px;font-weight:850}.plugin-parameter-grid input[type=range]{width:100%}.plugin-enable-toggle{grid-template-columns:18px minmax(0,1fr)!important}.plugin-preset-name{grid-column:1/-1;grid-template-columns:52px minmax(0,1fr)!important}.plugin-preset-name input{border:1px solid var(--line);min-width:0;height:28px;color:var(--text);background:#0f1415;border-radius:5px;padding:0 8px}.instrument-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.instrument{border:1px solid var(--line);background:#111617;border-radius:7px;grid-template-columns:24px 1fr;align-items:center;gap:5px 8px;padding:10px;display:grid}.instrument span{font-size:14px}.instrument input{width:100%;accent-color:var(--teal);grid-column:1/-1}.instrument strong,.instrument small{color:var(--muted);font-size:12px}.instrument small{text-align:right}.panel-heading select{border:1px solid var(--line);color:#dfe4df;background:#151a1c;border-radius:6px;width:130px;height:34px;padding:0 10px}.eq-graph{border:1px solid var(--line);background:#0d1112;border-radius:7px;padding:10px 10px 8px}.eq-graph svg{width:100%;height:150px}.grid-lines line{stroke:#30383a;stroke-width:1px}.eq-line{fill:none;stroke:var(--teal);stroke-width:3px;filter:drop-shadow(0 0 8px #38d5c83d)}.eq-graph circle{fill:#142324;stroke:var(--teal);stroke-width:3px}.band-labels{color:var(--muted);text-align:center;grid-template-columns:repeat(8,1fr);font-size:12px;display:grid}.manual-eq{border:1px solid var(--line);background:#101516;border-radius:7px;gap:10px;margin-top:10px;padding:10px;display:grid}.manual-eq-header{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.manual-eq-header button{border:1px solid var(--line);height:28px;color:var(--teal);cursor:pointer;background:#181d1f;border-radius:5px;font-size:12px;font-weight:800}.manual-band-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.manual-band{background:#0d1112;border:1px solid #252c2f;border-radius:6px;gap:6px;min-width:0;padding:8px;display:grid}.manual-band span{color:#dfe4df;font-size:12px;font-weight:850}.manual-band-slider{width:100%;accent-color:var(--amber)}.manual-band-values{grid-template-columns:minmax(0,68px) 1fr;align-items:center;gap:8px;display:grid}.manual-band-number{border:1px solid var(--line);width:100%;height:28px;color:var(--text);background:#151a1c;border-radius:5px;padding:0 6px;font-size:12px;font-weight:800}.manual-band-number:focus{border-color:var(--teal);outline:0}.manual-band strong{color:var(--muted);text-align:right;font-size:12px}.direct-source{gap:10px;display:grid}.priority-source{background:linear-gradient(#38d5c812,#0000 70%),#101516;border-color:#38d5c88c}.player-source{border:1px solid #38d5c88c;border-radius:7px;margin-bottom:12px;padding:12px}.player-source canvas{height:74px}.desktop-engine-panel{background:linear-gradient(#f3b44714,#0000 68%),#101516;border:1px solid #f3b4476b;border-radius:7px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.desktop-engine-panel .panel-heading span{color:var(--amber);text-transform:uppercase;font-size:12px;font-weight:850}.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.engine-grid label{min-width:0;color:var(--muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:850;display:grid}.engine-grid select,.engine-grid input{border:1px solid var(--line);width:100%;height:36px;color:var(--text);background:#0d1112;border-radius:6px;padding:0 9px}.engine-grid input:disabled{color:var(--faint);cursor:not-allowed}.engine-actions{gap:8px;display:flex}.engine-scan{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:#0d1112;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:850;display:flex}.engine-scan>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.engine-scan button{border:1px solid var(--line);height:28px;color:var(--teal);cursor:pointer;background:#181d1f;border-radius:5px;padding:0 9px;font-size:12px;font-weight:850}.engine-export-status{overflow-wrap:anywhere;color:var(--muted);font-size:12px}.engine-export-status.ready{color:var(--teal)}.engine-export-status.error{color:#ff9f88}.engine-actions button{border:1px solid var(--line);height:34px;color:var(--teal);cursor:pointer;background:#181d1f;border-radius:6px;padding:0 12px;font-size:13px;font-weight:850}.engine-actions button:disabled{color:var(--faint);cursor:not-allowed}.wav-render-panel{border:1px solid var(--line);background:#0d1112;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.wav-render-list{gap:7px;min-width:0;display:grid}.wav-render-list>div{grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.wav-render-list>.wav-playback-row{grid-template-columns:82px minmax(120px,1fr) auto}.wav-playback-controls{justify-content:flex-end;gap:6px;min-width:0;display:flex}.wav-playback-seek{grid-column:2/-1;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.wav-playback-seek small{color:var(--muted);font-size:11px;font-weight:800}.wav-playback-seek input{width:100%;accent-color:var(--teal)}.wav-render-panel span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.wav-render-panel strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.wav-render-panel button{border:1px solid var(--line);height:32px;color:var(--teal);cursor:pointer;background:#181d1f;border-radius:6px;padding:0 10px;font-size:12px;font-weight:850}.wav-render-panel button:disabled{color:var(--faint);cursor:not-allowed}.engine-meter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.engine-meter{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:#0d1112;border-radius:6px;grid-template-columns:54px 1fr 42px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:850;display:grid}.engine-meter div{background:#2f3638;border-radius:999px;height:7px;overflow:hidden}.engine-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--amber));max-width:100%;height:100%;transition:width 90ms linear;display:block}.engine-meter.clipping i{background:var(--red)}.engine-meter strong{color:var(--text);text-align:right}.deck-bus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.deck-bus-meter{border:1px solid var(--line);background:#111617;border-radius:7px;gap:7px;padding:10px;display:grid}.deck-bus-meter>div{gap:3px;display:grid}.deck-bus-meter strong{color:var(--teal);font-size:13px}.route-chip-row{flex-wrap:wrap;gap:5px;display:flex}.route-chip{border:1px solid var(--line);width:fit-content;max-width:100%;min-height:18px;color:var(--muted);text-transform:uppercase;background:#0d1112;border-radius:5px;align-items:center;padding:2px 6px;font-size:10px;font-weight:850;line-height:1.2;display:inline-flex}.route-chip.ready{color:var(--teal);border-color:#38d5c859}.route-chip.manual{color:var(--amber);border-color:#f5b04159}.route-chip.blocked{color:var(--red);border-color:#ff5b5b59}.deck-bus-meter span{color:var(--muted);font-size:12px}.deck-bus-meter .route-chip{color:var(--muted);font-size:10px}.deck-bus-meter .route-chip.ready{color:var(--teal)}.deck-bus-meter .route-chip.manual{color:var(--amber)}.deck-bus-meter .route-chip.blocked{color:var(--red)}.deck-bus-meter small{color:var(--faint);font-size:11px;line-height:1.3}.deck-bus-meter label{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;display:grid}.deck-bus-meter i{background:#2f3638;border-radius:999px;height:6px;overflow:hidden}.deck-bus-meter b{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--amber));max-width:100%;height:100%;display:block}.router-status{border:1px solid var(--line);background:#0d1112;border-radius:6px;gap:5px;padding:9px 10px;display:grid}.router-status>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.router-status span,.router-status strong{text-transform:uppercase;font-size:12px;font-weight:850}.router-status span{color:var(--muted)}.router-status strong{color:var(--teal)}.router-status small{color:var(--faint);line-height:1.35}.desktop-engine-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.plugin-host-status{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:#0d1112;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 10px;padding:8px 10px;font-size:12px;font-weight:850;display:grid}.plugin-host-status strong{color:var(--amber)}.plugin-host-status button{border:1px solid var(--line);min-height:24px;color:var(--text);text-transform:uppercase;cursor:pointer;background:#151b1c;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:850}.plugin-host-status button:disabled{color:var(--faint);cursor:not-allowed}.plugin-host-status small{color:var(--muted);text-transform:none;grid-column:1/-1}.engine-diagnostics{border:1px solid var(--line);background:#0d1112;border-radius:7px;gap:8px;padding:10px;display:grid}.engine-diagnostics-header{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:10px;font-size:12px;font-weight:850;display:flex}.engine-diagnostics-header small{color:var(--faint)}.engine-diagnostic-list{gap:7px;display:grid}.engine-diagnostic{background:#111617;border:1px solid #242b2d;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px;display:grid}.engine-diagnostic strong,.engine-diagnostic span{color:#dfe4df;font-size:12px;font-weight:850}.engine-diagnostic span{text-transform:uppercase}.engine-diagnostic small{overflow-wrap:anywhere;color:var(--muted);grid-column:1/-1;font-size:12px;line-height:1.35}.engine-diagnostic.ready span{color:var(--teal)}.engine-diagnostic.pending span,.engine-diagnostic.planned span{color:var(--amber)}.engine-diagnostic.blocked span{color:var(--red)}.desktop-engine-panel .engine-error{color:#ff8a80}.effects-window{background:var(--bg);min-height:100vh;color:var(--text);align-content:start;gap:14px;padding:16px;display:grid}.effects-window-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.effects-window-header div{color:var(--teal);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:10px;font-size:14px;font-weight:900;display:inline-flex}.effects-window-header strong{color:var(--text);font-size:15px}.effects-window-summary{border:1px solid var(--line);color:var(--muted);background:#101516;border-radius:7px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:12px;font-size:13px;line-height:1.45;display:grid}.effects-window-summary svg{color:var(--amber)}.effects-window-summary p{margin:0}.dj-effects-panel,.advanced-plugin-hosting{border:1px solid var(--line);background:#101516;border-radius:7px;gap:12px;padding:12px;display:grid}.dj-effect-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.dj-effect-grid button{border:1px solid var(--line);min-height:92px;color:var(--text);cursor:pointer;text-align:left;background:#0d1112;border-radius:7px;align-content:start;gap:8px;padding:11px;display:grid}.dj-effect-grid button:hover{background:#38d5c814;border-color:#38d5c88c}.dj-effect-grid strong{color:var(--teal);text-transform:uppercase;font-size:14px}.dj-effect-grid span{color:var(--muted);font-size:12px;line-height:1.35}.dj-active-chain{gap:8px;display:grid}.dj-chain-item{border:1px solid var(--line);background:#0d1112;border-radius:7px;grid-template-columns:minmax(160px,1fr) minmax(220px,1.1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.dj-chain-item.bypassed{opacity:.64}.dj-chain-item>span,.dj-chain-item label{gap:4px;min-width:0;display:grid}.dj-chain-item strong{color:var(--text)}.dj-chain-item small{color:var(--muted);font-size:11px}.dj-chain-item label{grid-template-columns:34px minmax(0,1fr) 44px;align-items:center}.dj-chain-item>div{gap:6px;display:flex}.dj-chain-item button,.advanced-plugin-hosting summary{border:1px solid var(--line);color:var(--teal);background:#121719;border-radius:6px}.dj-chain-item button{cursor:pointer;min-height:32px;padding:0 9px;font-weight:850}.advanced-plugin-hosting{background:#0d1112}.advanced-plugin-hosting summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 12px;list-style:none;display:flex}.advanced-plugin-hosting summary::-webkit-details-marker{display:none}.advanced-plugin-hosting summary span{gap:2px;min-width:0;display:grid}.advanced-plugin-hosting summary strong{color:var(--amber);text-transform:uppercase;font-size:13px}.advanced-plugin-hosting summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.advanced-plugin-hosting>section{padding-top:4px}.direct-controls{grid-template-columns:130px 1fr;gap:9px;display:grid}.file-button,.direct-controls input{border:1px solid var(--line);color:#dfe4df;background:#121719;border-radius:6px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.file-button{color:var(--teal);cursor:pointer;justify-content:center}.file-button input{display:none}audio{width:100%;height:36px}canvas{border:1px solid var(--line);background:#091012;border-radius:7px;width:100%;height:112px}.compat-note{border:1px solid var(--line);color:var(--muted);background:#171c1e;border-radius:7px;grid-template-columns:24px 1fr;align-items:start;gap:9px;padding:11px;display:grid}.compat-note svg{color:var(--teal)}.compat-note p{margin:0;font-size:13px;line-height:1.35}.transport{border-top:1px solid var(--line);background:#090c0d;grid-area:4/1/auto/-1;grid-template-columns:40px 40px 58px 40px 40px minmax(250px,430px) 1fr 24px 160px 28px;align-items:center;gap:12px;padding:12px 22px;display:grid}.play-button{border:1px solid var(--line-strong);width:58px;height:58px;color:var(--text);cursor:pointer;background:#1b2022;border-radius:50%;place-items:center;display:grid}.mini-track{grid-template-columns:92px 1fr;align-items:center;gap:14px;min-width:0;display:grid}.mini-track img{border-radius:4px;height:54px}.mini-track strong,.mini-track span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-track strong{font-size:14px}.mini-track span{color:var(--muted);margin-top:4px;font-size:13px}.progress{color:var(--muted);grid-template-columns:120px 1fr 112px;align-items:center;gap:12px;font-size:13px;display:grid}.progress div{background:#32393b;border-radius:999px;height:5px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--amber));max-width:96%;height:100%;display:block}.volume{width:100%;accent-color:var(--teal)}@media (width<=900px){body{min-width:0}.landing-hero{min-height:100vh;padding:16px 16px 42px}.landing-nav{align-items:flex-start;height:auto}.landing-brand{letter-spacing:.18em;font-size:14px}.landing-brand svg{width:28px;height:28px}.landing-nav nav{gap:12px}.landing-nav nav a{font-size:13px}.landing-nav nav a:nth-child(2){display:none}.landing-nav .nav-cta{height:34px;padding:0 11px}.hero-content{grid-template-columns:1fr;align-content:center;gap:30px;padding-top:44px}.hero-copy h1{font-size:clamp(58px,18vw,86px)}.hero-copy h2{font-size:clamp(32px,10vw,48px)}.hero-copy p{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.primary-link,.secondary-link{justify-content:center}.hero-visual{justify-content:stretch}.visual-window{width:100%}.visual-decks{grid-template-columns:1fr}.visual-video,.visual-eq svg{height:96px}.documentation,.extension-beta,.architecture{padding:54px 16px}.docs-grid,.beta-layout,.architecture-flow{grid-template-columns:1fr}.docs-panel{min-height:0;padding:20px}.flow-arrow{justify-self:center;transform:rotate(90deg)}.landing-footer{flex-direction:column;align-items:flex-start;min-height:0;padding:20px 16px}.landing-footer span{margin:0}.app-shell{height:auto;min-height:100vh;display:block}.topbar{z-index:5;grid-template-columns:1fr 44px;gap:10px;position:sticky;top:0}.brand{letter-spacing:.2em;grid-column:1/-1}.searchbar{grid-column:1/-1;grid-template-columns:22px 1fr 58px}.search-shell{grid-column:1/-1}.youtube-search-panel{max-height:none;margin-top:8px;position:static}.deck-count-control{grid-column:1/-1;width:100%}.deck-count-control button{flex:1}.source-pill,.sidebar{display:none}.player-panel,.eq-panel{border:0;padding:12px}.mobile-playlists{border:1px solid var(--line);background:#101516;border-radius:7px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.mobile-playlist-strip{grid-auto-columns:minmax(138px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.mobile-playlist-card{border:1px solid var(--line);min-height:68px;color:var(--text);text-align:left;background:#0d1112;border-radius:7px;gap:6px;padding:10px;display:grid}.mobile-playlist-card.active{border-color:var(--teal);background:#38d5c81a}.mobile-playlist-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mobile-playlist-card span{color:var(--muted);font-size:12px}.deck-grid,.native-deck-strip{grid-template-columns:1fr}.native-deck-actions{flex-wrap:wrap}.deck-mode-overview{flex-direction:column;align-items:flex-start}.dj-mixer{grid-template-columns:1fr;padding:10px}.mixer-channel.right{text-align:left}.mixer-channel.right .mixer-cue{justify-self:start}.preset-grid{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.preset-button{min-width:64px;min-height:68px;font-size:13px}.instrument-grid{grid-template-columns:repeat(2,1fr)}.preset-effect,.deck-processing-summary,.deck-eq-actions,.deck-eq-grid,.manual-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-effect-grid,.dj-chain-item{grid-template-columns:1fr}.dj-chain-item>div{justify-content:flex-start}.track-row,.queue-header{flex-direction:column;align-items:flex-start}.queue-item{grid-template-columns:84px minmax(0,1fr) 44px}.queue-item:not(.managed) svg{display:none}.queue-item.managed,.queue-load{grid-template-columns:84px minmax(0,1fr)}.queue-load small{display:none}.queue-actions{grid-column:1/-1;justify-content:flex-end}.youtube-result{grid-template-columns:72px minmax(0,1fr)}.youtube-result img{width:72px}.youtube-result-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}.transport{grid-template-columns:40px 58px 40px 1fr 24px;padding:10px 12px;position:sticky;bottom:0}.transport>.icon-button:first-child,.transport>.icon-button:nth-child(2),.transport>.icon-button:nth-child(5),.transport>.icon-button:last-child,.mini-track,.volume,.transport>svg:last-child{display:none}.progress{grid-template-columns:1fr;gap:6px}.direct-controls,.engine-grid,.engine-meter-grid,.wav-render-panel,.wav-render-list>div,.wav-render-list>.wav-playback-row{grid-template-columns:1fr}.wav-playback-controls{flex-wrap:wrap;justify-content:flex-start}.wav-playback-seek{grid-column:auto;grid-template-columns:1fr}.deck-bus-grid{grid-template-columns:1fr}}