@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101313;--panel:#191d1d;--border:#2b3030;--muted:#89918e;--green:#b0c3cf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f0f2f3;font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{color:inherit;border:0;background:none}aside{width:216px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);padding:34px 22px;background:#141717}.brand{text-decoration:none;color:#eff1f3;font-size:29px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.mark{background:var(--green);color:#171c1f;border-radius:10px;padding:0 8px;font-size:26px;letter-spacing:0;transform:rotate(-8deg)}.dot{color:var(--green);margin-left:-9px}.workspace{font-size:9px;letter-spacing:1.5px;color:#727b76;margin:48px 8px 18px}nav{display:grid;gap:8px}nav button{text-align:left;padding:14px;border-radius:8px;color:#8e9792;display:flex;gap:13px}nav button.selected{background:#282c2f;color:var(--green)}.asidebottom{position:absolute;bottom:28px;display:flex;gap:11px;align-items:center;font-size:12px}.avatar{border-radius:50%;background:#34393c;color:var(--green);padding:11px;font-weight:bold}.asidebottom small{display:block;color:var(--muted);font-size:10px;margin-top:5px}main{margin-left:216px;padding:0 38px;max-width:1700px}header{height:81px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:12px;color:var(--muted)}.crumb span{padding:0 13px;color:#4f5254}.crumb b{color:#d4d6d8;font-weight:500}.preview{font-size:11px;color:#b5bbb5;display:flex;align-items:center;gap:8px}.preview i{width:6px;height:6px;border-radius:50%;background:#d8b674}.heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0 28px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:600}h1{font-family:Manrope,Arial,sans-serif;font-size:32px;letter-spacing:-1.3px;margin:11px 0 9px}h1 span{color:var(--green)}p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.outline{border:1px solid #393d3f;border-radius:7px;padding:10px 14px;font-size:11px;color:#d0d4d6}.status{display:flex;align-items:center;gap:15px;background:#1c1f21;border:1px solid #31393e;padding:17px 20px;border-radius:10px;margin-bottom:27px}.statusicon{color:var(--green);font-size:23px}.status b{font-size:13px}.status p{font-size:11px;margin-top:3px}.tag{font-size:8px;letter-spacing:1px;border:1px solid #41484d;border-radius:4px;padding:6px 8px;color:#afbdc6}.status .tag{margin-left:auto}.status button{font-size:11px;margin-left:7px}.status button span{margin-left:15px;color:var(--green)}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px}.sectiontitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:600}.sectiontitle>span{font-size:10px;color:var(--muted)}.decks{display:grid;grid-template-columns:1fr 1fr;gap:15px}.deck{background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:18px;min-width:0}.deck.active{border-top:2px solid var(--green)}.deckhead{display:flex;justify-content:space-between;align-items:center}.channel{font-size:10px;letter-spacing:1px;color:#ced3d6}.channel b{display:inline-flex;width:24px;height:24px;background:#2b3237;color:var(--green);align-items:center;justify-content:center;border-radius:5px;margin-right:7px}.deck:nth-child(2) .channel b{background:#343131;color:#d6b8a6}.deckstate{font-size:8px;color:var(--green)}.art{height:105px;margin-top:18px;border-radius:7px;background:radial-gradient(ellipse at 65% 70%,#819eb1 0%,#5b6a73 14%,#313b41 43%,#1a2729 72%);position:relative;overflow:hidden}.art:after{content:'';position:absolute;width:180px;height:180px;left:25%;top:10px;border-radius:50%;border:1px solid #aabeca33;box-shadow:0 0 0 15px #aabeca11,0 0 0 30px #aabeca11,0 0 0 45px #aabeca11}.deck:nth-child(2) .art{background:radial-gradient(ellipse at 30% 90%,#cb8d65,#795f58 25%,#30343b 65%)}.art span{position:absolute;left:13px;top:12px;font-size:8px;letter-spacing:3px;color:#d1dbe2}.deck h3{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:17px 0 4px;letter-spacing:-.4px}.deck p{font-size:10px}.wave{display:flex;height:40px;align-items:center;gap:2px;margin-top:15px;overflow:hidden}.wave i{flex:1;min-width:2px;background:#637d8d;border-radius:2px;opacity:.65}.deck:nth-child(2) .wave i{background:#a8806c}.times{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:3px 0 16px;font-variant-numeric:tabular-nums}.deckcontrols{display:flex;align-items:center;gap:10px}.play{border-radius:7px;background:var(--green);color:#12191d;padding:10px 15px;font-size:11px;font-weight:700;min-width:80px}.deck:nth-child(2) .play{background:#34383b;color:#cedae1}.deckcontrols input{width:100%;min-width:20px}.deckcontrols small{font-size:9px;color:var(--muted)}input[type=range]{accent-color:var(--green);height:4px;cursor:pointer}.mixer{margin:15px 0 25px;border:1px solid var(--border);background:#171819;border-radius:9px;padding:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.mixer h3{font-size:12px;font-weight:500;margin:7px 0 0}.cross{width:44%}.cross>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a8aeb1}.cross small{font-size:8px;color:var(--muted)}.cross input{width:100%;margin-top:14px}.library{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:20px}.library h2 span{font-size:10px;background:#2d3235;padding:3px 6px;border-radius:4px;color:#b1bdc5;margin-left:7px}.library .sectiontitle p{font-size:10px;margin-top:7px}.search{display:flex;align-items:center;gap:10px;border:1px solid #313335;border-radius:6px;padding:9px 12px;color:var(--muted);margin-bottom:12px}.search input{background:none;border:0;outline:none;color:#ddd;min-width:0;width:100%;font-size:11px}.search span{font-size:8px;white-space:nowrap}.track{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #2b302e}.tracknum{font-size:10px;color:#717e72;width:15px}.thumb{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:5px;color:#afc2ce;background:linear-gradient(140deg,#505a61,#2a3339)}.track:nth-child(even) .thumb{background:linear-gradient(140deg,#896351,#393744)}.trackinfo{min-width:0;flex:1}.trackinfo b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.trackinfo small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.duration{font-size:10px;color:var(--muted)}.load{border:1px solid #3f4549;border-radius:4px;color:#b4c1c9;padding:5px 8px;font-size:9px}.queuefoot{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding-top:15px;gap:8px}.queuefoot label{display:flex;align-items:center;gap:5px}input[type=checkbox]{accent-color:var(--green)}.micpanel,.jingles{background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:21px}.tinybadge{font-size:8px!important;letter-spacing:1px}.miccircle{width:72px;height:72px;border-radius:50%;background:#2a3135;box-shadow:0 0 0 8px #22272a;display:grid;place-items:center;font-size:35px;color:var(--green);margin:31px auto 25px}.miccircle.on{background:#aec1cd;color:#12191d;box-shadow:0 0 0 8px #303d46}.micpanel h3{text-align:center;font-size:18px;margin:0 0 9px;letter-spacing:-.5px}.micpanel>p{text-align:center;font-size:11px;min-height:38px}.meter{display:flex;gap:3px;height:23px;margin-top:24px}.meter i{flex:1;background:#343b40;border-radius:2px}.meter i:nth-last-child(-n+4){background:#474232}.meter i:nth-last-child(-n+2){background:#473231}.scales{display:flex;justify-content:space-between;font-size:8px;color:#676d71;margin:6px 0 22px}.primary{background:var(--green);color:#1a2125;border-radius:7px;padding:13px;width:100%;font-weight:700;font-size:12px}.next{width:100%;color:#a9b0b5;font-size:10px;padding:15px 0 22px}.volrow{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.volrow b{color:#b7c1c7;font-weight:500}.micpanel>input{width:100%;margin:15px 0 20px}.notice{border-top:1px solid var(--border);padding-top:15px;display:flex;gap:8px;color:#778289}.notice p{font-size:9px;line-height:1.7}.jingles{margin-top:18px}.jingles .sectiontitle>span{font-size:8px;letter-spacing:1px}.pads{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pads button{background:#232527;border:1px solid #31393e;border-radius:7px;min-height:68px;font-size:10px;color:#b5bfc6}.pads button span{display:block;font-size:20px;color:var(--green);margin-bottom:8px}.jingles>small{font-size:8px;color:var(--muted);display:block;margin-top:12px}.tip{padding:23px 10px}.tip>span{font-size:8px;letter-spacing:1.5px;color:#9dacb5}.tip h3{font-size:23px;line-height:1.35;letter-spacing:-.6px;margin:15px 0 10px}.tip p{font-size:10px;max-width:220px}footer{display:flex;justify-content:space-between;color:#646a6e;border-top:1px solid var(--border);margin-top:32px;padding:24px 0;font-size:9px}footer b{font-size:15px;color:#98a0a5;margin-right:12px}footer i{margin:0 8px;color:#96abb9}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--green);color:#141a1e;border-radius:8px;font-size:12px;box-shadow:0 10px 40px #0008;display:none;z-index:10;max-width:90vw}.settings{padding:30px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.settings p{margin:14px 0 25px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.fields label{font-size:12px;color:#98a0a5}.fields input{display:block;width:100%;background:#141516;border:1px solid #353a3e;padding:14px;border-radius:6px;margin-top:10px}.library-only .decks,.library-only .mixer,.library-only .right,.library-only .left>.sectiontitle,.library-only .status{display:none}.library-only .studio-grid{display:block}button:hover{filter:brightness(1.13)}
@media(min-width:1500px){main{padding:0 55px}.studio-grid{grid-template-columns:minmax(0,1fr) 340px}.art{height:140px}}@media(max-width:1100px){aside{width:175px;padding:30px 16px}.brand{font-size:25px}.workspace{font-size:8px}main{margin-left:175px;padding:0 24px}.studio-grid{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.deck{padding:13px}.deckcontrols{gap:5px}.micpanel,.jingles{padding:17px}.status .tag{display:none}.status button{margin-left:auto}.mixer h3{font-size:10px}}@media(max-width:850px){aside{width:76px;padding:26px 17px}.brand{font-size:0}.brand .dot{display:none}.mark{font-size:26px}.workspace,nav span,.asidebottom{display:none}nav{margin-top:40px}nav button{font-size:20px;padding:11px}.brand{gap:0}main{margin-left:76px;padding:0 22px}.studio-grid{grid-template-columns:1fr}.right{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jingles{margin-top:0;align-self:start}.tip{display:none}.micpanel{grid-row:span 2}.art{height:130px}}@media(max-width:540px){aside{position:static;width:100%;height:65px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:25px;gap:7px}.brand .dot{display:inline}.mark{font-size:23px}nav{display:flex;margin:0;gap:5px}nav button{font-size:18px;padding:8px 10px}main{margin:0;padding:0 16px}header{height:49px}.crumb{font-size:10px}.preview{font-size:9px}.heading{padding:25px 0 21px}.heading>.outline{display:none}h1{font-size:27px}.heading p{font-size:11px}.eyebrow{font-size:8px}.status{padding:13px;gap:10px;margin-bottom:23px}.status b{font-size:11px}.status p{font-size:9px}.status button{font-size:9px;max-width:85px;line-height:1.8}.status button span{margin-left:2px}.decks{gap:10px}.deck{padding:12px 10px}.channel{font-size:8px;letter-spacing:0}.channel b{width:21px;height:21px;margin-right:4px}.deckstate{font-size:7px}.art{height:93px;margin-top:13px}.deck h3{font-size:14px;margin-top:13px}.deck p{font-size:9px}.deckcontrols{flex-wrap:wrap}.deckcontrols .play{width:100%;padding:10px}.deckcontrols input{width:70%;margin-top:8px}.deckcontrols small{margin-top:8px}.wave{height:31px}.mixer{padding:14px 11px;gap:10px}.mixer h3{font-size:9px}.cross{width:45%}.cross small{font-size:7px}.library{padding:15px 12px}.sectiontitle h2{font-size:14px}.library .sectiontitle p{font-size:9px;max-width:175px}.library .outline{font-size:9px;padding:9px}.search span{display:none}.track{gap:8px}.load{padding:5px 7px}.trackinfo b{font-size:10px}.trackinfo small{font-size:8px}.duration{font-size:9px}.queuefoot{font-size:8px}.right{display:block}.micpanel{margin-top:4px}.jingles{margin-top:16px}.miccircle{margin-top:24px}.micpanel>p{font-size:12px}.notice p{font-size:10px}.pads{grid-template-columns:repeat(4,1fr);gap:7px}.pads button{font-size:8px}.pads button span{font-size:19px}.fields{grid-template-columns:1fr}footer{font-size:8px;padding-bottom:22px}footer>span:last-child{font-size:7px}footer b{font-size:13px;margin-right:5px}}
[hidden]{display:none!important}select{font:inherit;color:inherit;background:#242729;border:1px solid #383e41;border-radius:6px;padding:10px;max-width:100%}input:not([type=range]):not([type=checkbox]):not([type=color]):not([type=file]){font:inherit;color:inherit}input:disabled{opacity:.6}button:disabled{opacity:.35;cursor:default}.iconbutton{font-size:20px;color:var(--muted);padding:5px 10px}.demobanner{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:1px;color:#c1c7cb;background:#1d2123;border:1px dashed #323c42;padding:10px 14px;margin-bottom:18px;border-radius:6px}.demobanner span{font-size:10px;letter-spacing:0;color:var(--muted)}.nowplaying{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#262d31,#1a1c1d 80%);border:1px solid #353f46;border-radius:12px;padding:23px;margin-bottom:17px}.nowicon{display:grid;place-items:center;width:54px;height:54px;border-radius:10px;background:#333e45;color:var(--green);font-size:28px}.nowtext{flex:1;min-width:0}.nowtext h2{font-size:22px;letter-spacing:-.7px;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowtext p{font-size:11px}.countdown{text-align:right}.countdown small{font-size:8px;letter-spacing:1.2px;color:var(--muted);display:block;margin-bottom:5px}.countdown b{font-size:29px;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--green)}.ending{border-color:#bd9a5c}.ending .countdown b{color:#edc174}.seek{width:100%;margin:10px 0 0;height:3px!important}.mobile-tabs{display:none}.playlistbar{display:flex;gap:8px;align-items:center;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:16px}.playlistbar select{flex:1;font-size:11px;min-width:0}.playlistbar .outline{font-size:10px;white-space:nowrap}.trackactions{display:flex;gap:5px;flex-shrink:0}.track.dragging{opacity:.4}.tracknum{cursor:grab;font-size:18px;touch-action:none}.transition{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted);padding:16px 0 4px}.transition label{display:flex;align-items:center;gap:7px}.transition select{font-size:10px;padding:7px}.clip{text-align:center;font-size:9px;color:#8fa1ac;min-height:15px;margin-top:18px}.clip.hot{color:#ff9b80}.clip+.meter{margin-top:10px}.announcing .micpanel{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.announcing .micpanel .primary{background:#edc174;color:#2e2110}.micpanel .primary{padding:18px 10px;font-size:14px}.announcing .nowplaying{border-color:#aec1ce}.custompad{position:relative;min-width:0}.custompad>button:first-child{width:100%;height:100%;padding:16px 13px;overflow-wrap:anywhere}.custompad .padremove{position:absolute;right:2px;top:2px;border:0;background:none;min-height:0;padding:2px 5px;color:#d6b5a1;font-size:14px}.jingles>.outline{width:100%;margin-top:15px}.pagepanel{border:1px solid var(--border);background:var(--panel);padding:27px;border-radius:12px;min-height:350px}.pagepanel h2{font-size:23px;margin-top:10px}.pagepanel>.sectiontitle{margin-bottom:20px}.formrow{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.formrow input{flex:1;min-width:140px;background:var(--bg);border:1px solid var(--border);padding:12px;border-radius:7px}.formrow .primary{width:auto;padding:12px 20px}.itemrow{display:flex;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--border)}.itemrow b{display:block;font-size:13px;font-weight:500}.itemrow small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.grow{flex:1;min-width:0;overflow-wrap:anywhere}.empty{padding:25px 8px;font-size:12px}.eventtime{color:var(--muted);font-size:10px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.stat{background:var(--bg);border:1px solid var(--border);padding:19px;border-radius:9px}.stat b{display:block;color:var(--green);font-size:27px}.stat span{display:block;color:var(--muted);font-size:10px;margin-top:8px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.settings label{display:block;font-size:11px;color:var(--muted)}.settings input:not([type=file]),.settings select{display:block;width:100%;margin:9px 0 20px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.settings input[type=color]{height:42px;padding:4px}.settings .fields{gap:12px;margin-bottom:0}.settings .fields input,.settings .fields select{margin-bottom:15px}.connection{display:flex;gap:12px;align-items:center;background:var(--bg);padding:16px;border:1px solid var(--border);border-radius:8px;margin:20px 0}.connectiondot{width:9px;height:9px;border-radius:50%;background:#d8b674}.connection b{font-size:11px}.connection small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.settings .notice{margin-top:20px}.settings .notice p{margin:0}.settings .primary{margin-top:20px}.filelabel{margin:15px 0}.filelabel input{max-width:100%;margin-top:12px;font-size:10px}.brandlogo{width:34px;height:34px;object-fit:contain}.brand{font-size:27px;white-space:nowrap;overflow:hidden}.asidebottom #currentdj{display:block;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog{background:var(--panel);color:inherit;border:1px solid #444d53;border-radius:14px;max-width:480px;width:calc(100% - 32px);padding:25px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#060707c9;backdrop-filter:blur(5px)}dialog .sectiontitle{margin-bottom:20px}#dialogbody{display:grid;gap:16px}#dialogbody .notice{margin:0;padding:0;border:0;font-size:11px}#dialogbody input{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:12px;width:100%;color:inherit}.dialogform{display:grid;gap:15px}#dialogbody p{font-size:12px}.library-only .nowplaying,.library-only .mobile-tabs{display:none}
:root[data-theme=light]{--bg:#eff1f3;--panel:#ffffff;--border:#d6dce0;--muted:#6a7074;color-scheme:light}:root[data-theme=light] body{color:#262b2f}:root[data-theme=light] aside{background:#e5e9eb}:root[data-theme=light] .brand{color:#262b2f}:root[data-theme=light] nav button.selected{background:#cdd7dd;color:#2b3841}:root[data-theme=light] .crumb b{color:#31383d}:root[data-theme=light] .preview{color:#626a70}:root[data-theme=light] .status,:root[data-theme=light] .demobanner{background:#e2e8eb;border-color:#c5cfd5}:root[data-theme=light] .statusicon{color:#4a6272}:root[data-theme=light] .tag{color:#4e5c65;border-color:#b1bec6}:root[data-theme=light] .nowplaying{background:linear-gradient(110deg,#d7e1e7,#eaedef);border-color:#b3c3cd}:root[data-theme=light] .countdown b{color:#3f5462}:root[data-theme=light] .outline,:root[data-theme=light] .load{color:#4c5962;border-color:#bfc9d0}:root[data-theme=light] .mixer{background:#e5e9ec}:root[data-theme=light] .miccircle{background:#dbe4e9;box-shadow:0 0 0 8px #ecf0f2;color:#4d6371}:root[data-theme=light] .miccircle.on{background:var(--green);color:#1d272e}:root[data-theme=light] .pads button{background:#e8edf1;color:#42515b;border-color:#c3cdd4}:root[data-theme=light] .pads button span{color:#49606f}:root[data-theme=light] .cross,:root[data-theme=light] .next{color:#54626b}:root[data-theme=light] select{background:#eaeef0;border-color:#c5ced3;color:#303c44}:root[data-theme=light] .clip{color:#475e6c}:root[data-theme=light] .clip.hot{color:#af4933}:root[data-theme=light] .stat b{color:#465b68}:root[data-theme=light] .search{border-color:var(--border)}:root[data-theme=light] .search input{color:#262b2f}:root[data-theme=light] .track,:root[data-theme=light] .playlistbar{border-color:var(--border)}:root[data-theme=light] .jingles>small{color:var(--muted)}:root[data-theme=light] .sectiontitle>span{color:var(--muted)}:root[data-theme=light] .deckstate{color:#516470}:root[data-theme=light] .tip>span{color:#63727c}:root[data-theme=light] .volrow b{color:#445a68}:root[data-theme=light] .brand .dot{color:#4a6271}
@media(max-width:1100px){.trackactions{flex-wrap:wrap;width:59px}.trackactions .load{flex:1;padding:4px}.settingsgrid{gap:23px}.brand{font-size:23px}}@media(max-width:850px){aside .brand{font-size:0}.settingsgrid{grid-template-columns:1fr}.settingsgrid>section+section{border-top:1px solid var(--border);padding-top:25px}nav button{font-size:18px}.nowplaying{padding:19px}.brandlogo{width:36px;height:36px}.pagepanel{padding:20px}}@media(max-width:540px){aside{height:auto;min-height:69px;flex-wrap:wrap;padding-top:13px;padding-bottom:0;gap:12px}aside .brand{font-size:24px;max-width:85%}nav{width:100%;justify-content:space-between;padding-bottom:8px;border-top:1px solid var(--border);padding-top:8px;gap:3px}nav button{font-size:18px;flex:1;justify-content:center;padding:7px}main{padding:0 13px}.demobanner{align-items:flex-start;font-size:7px;padding:9px;gap:8px}.demobanner span{font-size:9px;line-height:1.5}.nowplaying{padding:15px 12px;gap:10px;margin-bottom:13px}.nowicon{width:37px;height:43px;font-size:22px}.nowtext .eyebrow{font-size:6px;letter-spacing:1px}.nowtext h2{font-size:17px;max-width:100%;margin:6px 0}.nowtext p{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.countdown b{font-size:24px}.countdown small{font-size:6px;letter-spacing:.6px}.mobile-tabs{display:flex;gap:6px;background:var(--panel);border:1px solid var(--border);padding:5px;border-radius:8px;margin-bottom:22px;position:sticky;top:5px;z-index:3;box-shadow:0 4px 15px #0002}.mobile-tabs button{padding:10px;flex:1;color:var(--muted);font-size:11px;border-radius:5px}.mobile-tabs .selected{background:#2e373c;color:#c2d1da}.playlistbar{gap:5px}.playlistbar .outline{font-size:8px;padding:10px 8px}.playlistbar select{font-size:10px}.trackactions{width:57px;gap:4px}.trackactions .load{font-size:8px;min-width:25px;padding:5px 3px}.transition{align-items:flex-start;gap:8px;font-size:8px}.transition label{flex-wrap:wrap;gap:5px}.transition select{font-size:8px;padding:6px}.transition label:last-child{max-width:110px}.pagepanel{padding:18px 13px}.pagepanel h2{font-size:20px}.pagepanel>.sectiontitle{align-items:flex-start}.pagepanel .tag{font-size:6px;max-width:110px;line-height:1.5}.formrow{gap:8px}.formrow input{min-width:100%;font-size:12px}.formrow select{flex:1}.formrow .primary{font-size:11px;flex:1}.itemrow{flex-wrap:wrap;gap:9px}.itemrow .grow{min-width:60%;font-size:11px}.itemrow .outline{font-size:9px;padding:8px}.itemrow .eventtime{font-size:9px}.stats{gap:7px}.stat{padding:13px 8px}.stat b{font-size:23px}.stat span{font-size:8px}.settings{padding:20px 15px}.settingsgrid{gap:25px}.settings .fields{grid-template-columns:1fr 1fr}.settings h2{font-size:18px}#cuebtn{font-size:9px;padding:8px 10px}.settings .outline{font-size:10px}.pads{grid-template-columns:repeat(2,1fr)}.pads button{font-size:10px}.micpanel .primary{padding:20px}.micpanel{scroll-margin-top:70px}#decks,#tracks{scroll-margin-top:70px}:root[data-theme=light] .mobile-tabs .selected{background:#d5dfe6;color:#34444e}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.headingactions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:400px}.headingactions .outline{font-size:10px}.nowplaying>#arm{max-width:155px;line-height:1.5;font-size:10px}.nowplaying>#arm.armed{background:var(--green);color:#1a242b;border-color:var(--green)}.libraryfilters{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:15px}.libraryfilters button{color:var(--muted);font-size:10px;padding:7px 9px;border-radius:5px}.libraryfilters .selected{color:#c2d1da;background:#2d353a}.libraryfilters #analyzemusic{margin-left:auto;color:#b3c0c8}.normalizebar{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.normalizebar label{display:flex;align-items:center;gap:5px}.textbutton{font-size:10px;color:#a6b5bf;padding:9px 0;text-align:left}.rehearsal{width:100%;margin-bottom:22px;font-size:10px}.favorite[aria-pressed=true]{color:#bdcdd7;background:#2a3339}.trackactions{flex-wrap:wrap;max-width:120px}.trackactions .load{min-width:25px}.fields label{font-size:11px;color:var(--muted)}.fields input{margin-top:8px}dialog h3{font-size:17px;margin:0}.recordingresult{display:grid;gap:15px}.recordingresult audio{width:100%;height:42px}.recordingresult a{text-align:center;text-decoration:none}.checklabel{display:flex!important;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.checklabel input[type=checkbox]{width:auto!important;margin:0!important}.checkok,.checkwarn{font-weight:bold;font-size:20px;width:25px}.checkok{color:var(--green)}.checkwarn{color:#e0bd80}.checklist .itemrow{padding:13px 0}.checklist .itemrow b{font-size:12px}.checklist .itemrow small{line-height:1.6}kbd{display:inline-block;min-width:50px;padding:7px;background:var(--bg);border:1px solid var(--border);border-radius:5px;text-align:center;color:var(--green);font-size:12px}#scheduleform label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}input[type=datetime-local]{color-scheme:dark;min-width:0}.opgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.opcard{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:17px}.opcard h3{margin:0;font-size:18px;letter-spacing:-.5px}.opcard>p{font-size:11px}.opcard label{display:block;color:var(--muted);font-size:11px}.opcard select{display:block;width:100%;margin-top:10px}.opcard .primary{font-size:11px}.localstate{background:#23282c;border:1px solid #363f45;padding:12px;border-radius:6px;color:#b3c2cc;font-size:11px;line-height:1.7}.opcard .textbutton{margin-top:-5px;padding:0}.irccard{grid-column:span 2}.irccard .fields{margin:0 0 17px}.irccard input:not([type=checkbox]){display:block;width:100%;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:6px;margin-top:9px}.irccard .checklabel{margin:15px 0}.ircpreview{border-left:2px solid #728c9d;padding:14px 16px;background:var(--panel);border-radius:0 7px 7px 0}.ircpreview span{font-size:8px;letter-spacing:1px;color:var(--muted)}.ircpreview p{margin-top:10px;color:#b3c2cc;overflow-wrap:anywhere}.irccard .formrow{margin:0}.irccard .formrow input{margin:0;min-width:100px}.focusbar{display:none}.focusmode aside,.focusmode header,.focusmode .heading,.focusmode footer,.focusmode .demobanner,.focusmode .mixer,.focusmode .status,.focusmode .tip,.focusmode .jingles,.focusmode .left>.sectiontitle,.focusmode .mobile-tabs{display:none}.focusmode main{margin:0 auto;max-width:1150px;padding:20px}.focusmode .focusbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.focusbar span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.focusmode .studio-grid{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.focusmode .decks .art,.focusmode .wave{display:none}.focusmode .deck h3{margin-top:20px}.focusmode .library{margin-top:20px}.focusmode .libraryfilters,.focusmode .playlistbar,.focusmode .library .search,.focusmode .transition,.focusmode .normalizebar,.focusmode .queuefoot{display:none}.focusmode .track{padding:13px 0}.focusmode .right{display:block}.focusmode .micpanel{position:sticky;top:20px}.focusmode .micpanel .primary{min-height:70px;font-size:17px}.focusmode .micpanel .next{font-size:12px;line-height:1.8}.focusmode .micpanel .notice{display:none}.focusmode .miccircle{width:90px;height:90px;font-size:45px}
:root[data-theme=light] .libraryfilters .selected{background:#d7e0e6;color:#2f3f4a}:root[data-theme=light] .libraryfilters #analyzemusic,:root[data-theme=light] .textbutton{color:#51616c}:root[data-theme=light] .localstate{background:#dee6eb;border-color:#c0ccd4;color:#44545f}:root[data-theme=light] .ircpreview p{color:#44545f}:root[data-theme=light] .favorite[aria-pressed=true]{background:#dae3e8;color:#445661}:root[data-theme=light] kbd{color:#44545f}:root[data-theme=light] input[type=datetime-local]{color-scheme:light}:root[data-theme=light] .checkok{color:#475f6e}
@media(max-width:1100px){.headingactions{max-width:250px}.trackactions{max-width:60px}.trackactions .load{flex:1}.opgrid{gap:14px}.opcard{padding:16px}.nowplaying>#arm{max-width:135px;font-size:9px}}@media(max-width:850px){aside{overflow-y:auto}aside nav{gap:5px}.heading{gap:15px}.headingactions{max-width:200px}.headingactions .outline{font-size:9px;padding:8px}.focusmode .studio-grid{grid-template-columns:1fr 280px}.opgrid{grid-template-columns:1fr}.irccard{grid-column:auto}}@media(max-width:540px){aside{overflow:visible}nav{flex-wrap:wrap;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}nav button{font-size:16px;padding:7px 3px;gap:5px}nav button span{display:inline;font-size:8px}.heading{display:block}.headingactions{max-width:100%;justify-content:flex-start;margin-top:17px;gap:6px}.headingactions .outline{font-size:9px;flex:1;padding:9px 6px}.nowplaying{flex-wrap:wrap;position:relative}.nowtext{width:calc(100% - 112px);flex:auto}.nowplaying>#arm{order:4;max-width:none;width:100%;padding:10px;font-size:11px}.countdown{position:absolute;top:19px;right:12px}.nowtext h2,.nowtext p{padding-right:55px}.nowicon{display:none}.nowtext .eyebrow{padding-right:60px;display:block}.libraryfilters{gap:3px}.libraryfilters button{font-size:9px;padding:7px}.libraryfilters #analyzemusic{margin-left:0}.normalizebar{align-items:flex-start;font-size:8px;flex-wrap:wrap}.normalizebar .textbutton{font-size:8px;padding:3px 0}.trackactions{width:57px;max-width:57px}.trackinfo{padding-right:0}.track{gap:6px}.tracknum{width:12px}.track .thumb{width:29px;height:34px}.track .duration{font-size:8px}.trackinfo b{font-size:10px}.trackinfo small{line-height:1.5}.track .load{padding:4px 3px}.opcard{padding:16px}.opcard h3{font-size:17px}.irccard .fields{grid-template-columns:1fr;gap:15px}.irccard .formrow input{min-width:100%}#scheduleform label{flex-wrap:wrap;width:100%;gap:5px}#scheduleform label input{min-width:100%;width:100%}#scheduleform select{width:100%}.focusmode main{padding:13px}.focusmode .studio-grid{display:flex;flex-direction:column}.focusmode .right{order:-1}.focusmode .micpanel{position:static}.focusmode .micpanel .miccircle,.focusmode .micpanel>p,.focusmode .micpanel>h3,.focusmode .micpanel .scales,.focusmode .micpanel .rehearsal,.focusmode .micpanel .volrow,.focusmode .micpanel>input{display:none}.focusmode .micpanel .primary{min-height:65px;font-size:17px}.focusmode .micpanel .next{padding:15px 0 0}.focusmode .micpanel .clip{margin-top:0}.focusmode .micpanel .meter{height:15px;margin-bottom:16px}.focusmode .focusbar{margin-bottom:15px}.focusbar span{font-size:8px}.focusbar .outline{font-size:10px}.focusmode .decks{display:none}.focusmode .library{margin-top:0}.focusmode .nowplaying{margin-bottom:17px}.checklist .itemrow .grow{min-width:0}}
.focuscontrols{display:none}.focusmode .focuscontrols{display:flex;gap:12px;margin-bottom:20px}.focuscontrols .primary{width:auto;min-width:220px}.focuscontrols .outline{min-width:180px}.focusmode .focuscontrols button{padding:17px;font-size:13px}@media(max-width:540px){.focusmode .focuscontrols{gap:8px;margin-bottom:17px}.focuscontrols .primary,.focuscontrols .outline{min-width:0;flex:1}.focusmode .focuscontrols button{font-size:11px;padding:15px 10px}}
.archivebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.archivebar label{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px}.archivebar .outline{font-size:10px}.announcetime{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:7px;background:var(--bg);padding:12px;margin-bottom:16px}.announcetime>span{font-size:8px;color:var(--muted);letter-spacing:1px}.announcetime>b{font-variant-numeric:tabular-nums;color:var(--green);font-size:21px;letter-spacing:-.5px}.announcetime .textbutton{width:100%;font-size:9px;padding:0;text-align:right}.announcetime.overlimit{border-color:#d9a354}.announcetime.overlimit>b{color:#edbb75}.jinglerow{display:grid;grid-template-columns:1fr 44px auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.jinglerow label{grid-column:span 3;font-size:12px;overflow-wrap:anywhere}.jinglerow input{width:100%}.jinglerow span{font-size:11px;color:var(--muted)}.jinglerow button{font-size:10px;padding:8px 12px}.toolitem{display:block;width:100%;text-align:left;background:var(--bg);border:1px solid var(--border);padding:17px;border-radius:8px}.toolitem b{display:block;font-size:13px;font-weight:500}.toolitem small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.notesarea{background:var(--bg);color:inherit;border:1px solid var(--border);border-radius:9px;line-height:1.8;padding:17px;resize:vertical;width:100%;min-height:240px;font-family:inherit}.archivecontrols{display:flex;gap:7px;flex-wrap:wrap}.archivecontrols button{font-size:10px;padding:9px 11px}.archivelist{max-height:50vh;overflow-y:auto;overscroll-behavior:contain}.archivelist .itemrow{flex-wrap:nowrap}.archivelist .grow{min-width:0}.archivelist .itemrow b{font-size:12px}.archivelist .itemrow small{font-size:9px;line-height:1.6}.archivelist .outline{font-size:9px;padding:8px}.opcard audio{max-width:100%;width:100%;height:42px}#monitorform input{display:block;width:100%;background:var(--panel);color:inherit;border:1px solid var(--border);padding:12px;border-radius:6px;margin:10px 0 14px;font-size:11px}.qualitygrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qualitygrid>div{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:13px}.qualitygrid span{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.qualitygrid b{font-size:11px;color:#bccbd4;font-weight:500}#monitorstate{font-size:10px}.touchlocked{overflow:hidden}#touchshield{position:fixed;inset:0;z-index:100;background:#111416e8;backdrop-filter:blur(14px);display:grid;place-items:center;padding:25px}.lockcard{max-width:340px;text-align:center;background:var(--panel);padding:30px 24px;border:1px solid #49565f;border-radius:18px;box-shadow:0 30px 90px #0007}.lockcard>span{font-size:43px;color:var(--green)}.lockcard h2{font-size:23px;margin:18px 0 14px}.lockcard p{font-size:12px;line-height:1.8}#unlocktouch{background:var(--green);color:#1d272e;font-size:12px;font-weight:700;border-radius:8px;width:100%;padding:19px 12px;margin-top:23px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#unlockprogress{height:4px;background:var(--green);width:0;margin-top:10px;border-radius:4px}.headingactions{max-width:440px}.focusmode .archivebar{display:none}.focusmode .announcetime{margin-top:12px}.focusmode .focuscontrols button{min-width:0;flex:1}.focusmode .focuscontrols .primary{flex:1.3}.focusmode .announcetime .textbutton{display:none}:root[data-theme=light] .qualitygrid b{color:#465b69}:root[data-theme=light] .announcetime>b{color:#465b69}:root[data-theme=light] .announcetime.overlimit>b{color:#9a641e}:root[data-theme=light] #touchshield{background:#d8e0e5e8}
@media(max-width:1100px){.headingactions{max-width:280px}.headingactions .outline{padding:9px;font-size:9px}}@media(max-width:540px){.headingactions{max-width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.headingactions .outline{padding:10px 5px;font-size:8px}.headingactions #session{grid-column:auto}.archivebar{align-items:flex-start;gap:8px}.archivebar label{font-size:8px;max-width:155px}.archivebar .outline{font-size:9px;white-space:nowrap;padding:9px}.announcetime{padding:12px 14px}.announcetime>span{font-size:9px}.announcetime>b{font-size:24px}.announcetime .textbutton{width:auto;font-size:9px}.qualitygrid>div{padding:11px}.qualitygrid b{font-size:10px}.qualitygrid span{font-size:8px}.focusmode .announcetime{margin-top:5px;justify-content:center;gap:25px}.focusmode .announcetime>b{font-size:24px}.focusmode .focuscontrols{flex-wrap:wrap}.focusmode #focuslock{flex-basis:100%;padding:10px}.focusmode .announcetime>span{display:inline}.archivelist .itemrow .grow{min-width:0}.archivelist .itemrow{gap:8px}.archivelist .itemrow b{font-size:11px}.archivelist .itemrow small{font-size:8px}.toolitem{padding:15px}}
.radiobuttons{display:grid;gap:10px}.radiobuttons .outline{text-align:left;padding:14px;font-size:11px}.radioprofile{border:1px solid var(--border);border-radius:9px;padding:17px;background:var(--bg)}.radioprofile b{display:block;font-size:14px}.radioprofile small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.radioprofileactions{display:flex;gap:9px;align-items:center;margin-top:17px;flex-wrap:wrap}.radioprofileactions .outline{font-size:10px;padding:9px 12px}dialog .dialogform>label{display:grid;gap:9px;color:var(--muted);font-size:11px}dialog .dialogform select{width:100%;font-size:11px}dialog .dialogform .textbutton{font-size:11px}.settings #checkconnection{margin-top:16px}