:root{--bg:#0b0c0f;--bar:#0d0e11;--panel:#111216;--panel2:#17181d;--line:#292b31;--line2:#202228;--text:#f2f3f5;--muted:#858a96;--green:#2be0a0;--pink:#d956dd;--blue:#72aeea;--red:#ff566d}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{color:#b9bdc6;background:#17181d;border:1px solid #2c2e35;border-radius:6px;padding:8px 12px;cursor:pointer}button:hover{color:white;border-color:#464953}.topbar{height:64px;display:grid;grid-template-columns:176px 285px 1fr 370px;align-items:center;background:#0b0c0e;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{height:64px;border-right:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:10px;font-size:22px;letter-spacing:-1px}.bars{display:flex;align-items:center;gap:2px}.bars i{width:3px;height:9px;background:white}.bars i:nth-child(2){height:18px}.bars i:nth-child(3){height:13px}.station{height:64px;border:0;border-radius:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:0 18px}.station-icon{width:35px;height:35px;background:#17191e;display:grid;place-items:center;border-radius:5px;font-weight:bold}.station b,.station small{display:block}.station small{font-size:10px;color:#777d88;margin-top:3px}.station em{font-style:normal;margin-left:auto}.server-clock{text-align:center}.server-clock b{display:block;color:#f7da8a}.server-clock small{font-size:9px;color:#98a0b2}.top-right{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding-right:18px}.top-right button{background:#0d0f12}.connection{font-size:11px;color:#868c97}.connection i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f4aa3e;margin-right:7px}.connection.online i{background:var(--green);box-shadow:0 0 9px var(--green)}.user{width:34px;height:34px;border-radius:50%;color:white!important;border-color:#337964!important}.modebar{position:absolute;top:76px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:4}.modebar .mode{width:86px;height:28px;padding:0;font-size:10px;background:#121318}.modebar .mode.active{color:var(--green);border-color:#25654f;background:#0c1c17}.modebar .mode[data-mode=live].active{color:#ff8292;border-color:#74303a;background:#271115}main{height:calc(100% - 64px);display:grid;grid-template-columns:48px 1fr}.rail{background:#0d0e11;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:224px 6px 8px;gap:7px}.rail button{width:34px;height:34px;padding:0;font-size:16px}.rail button.active{color:var(--green);border-color:#276149;background:#0b1c16}.rail span{flex:1}.page{display:none;height:100%;overflow:auto}.page.active{display:block}.decks{height:216px;display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:48px;background:#0e0f12}.deck{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 9px 0;overflow:hidden}.deck-head{display:flex;align-items:center;gap:9px;height:48px}.cover{width:38px;height:38px;border-radius:4px;background:linear-gradient(145deg,#d253d8,#603263);display:grid;place-items:center;font-weight:700}.cover.next{background:#20232a;color:#858b96}.cover.live-cover{background:#35161b;color:#ff6479}.deck-head>div{min-width:0}.deck-head b,.deck-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-head small{font-size:10px;color:#8a8f9a;margin-top:4px}.deck-head time{display:flex;margin-left:auto;gap:9px}.deck-head time small{margin:0}.deck-head>em{font-style:normal;margin-left:auto;font-size:20px;font-weight:700;color:#111;background:#bc61c5;border-radius:4px;width:34px;height:34px;display:grid;place-items:center}.empty-deck .deck-head>em{color:#8a8e98;background:#101115;border:1px solid #2b2e35}.waveform{height:65px;position:relative;overflow:hidden}.waveform canvas{width:100%;height:100%}.waveform i{position:absolute;top:0;bottom:0;width:2px;background:white;left:0}.waveform.muted{opacity:.25}.deck-actions{height:35px;display:flex;align-items:center;gap:6px;border-top:1px solid #1f2126}.deck-actions button{height:27px;min-width:55px;padding:2px}.deck-actions span{margin-left:auto;color:#7e8490;font-size:9px}.deck-actions span b{color:#b6bbc5}.mic-meter{height:9px;margin:30px 15px;background:#24262c;border-radius:6px;overflow:hidden}.mic-meter i,.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),#eee56b,#ff5b6e);transition:width .08s}.studio-body{height:calc(100% - 216px);display:grid;grid-template-columns:1fr 420px}.log-panel{min-width:0}.hour-tabs{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:8px}.hour-tabs button{height:30px;font-size:10px}.hour-tabs button.active{color:var(--green);border-color:#265c49}.hour-tabs span{margin-left:auto;font-size:9px;color:var(--green)}.table-wrap,.media-table{overflow:auto;height:calc(100% - 42px)}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;color:#8d929e;font-size:11px;height:42px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#111216;z-index:1}td{height:49px;border-bottom:1px solid var(--line2);color:#b9bdc6}th,td{padding:0 14px}td.title{color:#f4f5f7;font-weight:600;max-width:290px;overflow:hidden;text-overflow:ellipsis}.status-dot{width:0;height:0;border-left:8px solid #7c828d;border-top:6px solid transparent;border-bottom:6px solid transparent}.type{font-size:9px;border:1px solid #2b2e35;border-radius:4px;padding:4px 7px}.type:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:5px}.type.jingle:before{background:#f23bbd}.type.voice:before{background:#f1b747}.type.ad:before{background:#ff566d}.dock{border-left:1px solid var(--line);background:#111216;min-width:0}.dock-tabs{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:end;padding-left:12px;gap:2px}.dock-tabs button{border:0;background:transparent;border-bottom:2px solid transparent;border-radius:0}.dock-tabs button.active{color:white;border-bottom-color:var(--green)}.dock-view{display:none;height:calc(100% - 42px);overflow:auto}.dock-view.active{display:block}.search{height:60px;display:flex;align-items:center;padding:10px;gap:8px}.search input,.filters input,.filters select{height:38px;flex:1;background:#0e0f12;border:1px solid #292c33;color:#ddd;border-radius:6px;padding:0 12px}.upload-small{width:38px;height:38px;border:1px solid #2d3037;border-radius:6px;display:grid;place-items:center;cursor:pointer}.media-mini .media-row{height:50px;border-bottom:1px solid var(--line2);display:grid;grid-template-columns:34px 1fr 55px 28px;align-items:center;gap:9px;padding:0 10px;cursor:pointer}.media-row:hover{background:#191b20}.mini-cover{width:30px;height:30px;border-radius:4px;background:linear-gradient(145deg,#4386a0,#4f2b67);display:grid;place-items:center;font-size:9px;font-weight:bold}.media-row b,.media-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-row small{color:#858a94;font-size:10px;margin-top:2px}.media-row time{color:#969ca7;font-size:10px}.live-console{padding:20px;text-align:center}.live-orb{width:76px;height:76px;margin:10px auto 15px;border-radius:50%;border:1px solid #454952;display:grid;place-items:center;color:#777d88;background:radial-gradient(circle,#252832,#111318);font-weight:700}.live-orb.hot{color:#ff778a;border-color:#8e3542;box-shadow:0 0 35px #ff566d33}.live-console p{color:#888e99;font-size:12px;line-height:1.5}.live-console label,.settings-grid label,.rule-info label{display:block;text-align:left;color:#9298a4;font-size:11px;margin:15px 0}.live-console select,.live-console input,.settings-grid input,.settings-grid select,.rule-info input{width:100%;margin-top:7px;padding:10px;background:#0d0f12;border:1px solid #30333a;border-radius:6px;color:white}.live-console .take{background:#40181e;border-color:#913342;color:#ff8393;width:100%;margin:12px 0 7px}.live-console #releaseLive{width:100%}.live-console small{display:block;margin-top:13px;color:#777d88}.meter{height:8px;background:#26292f;border-radius:6px;overflow:hidden;margin:14px 0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;padding:35px 40px;border-bottom:1px solid var(--line)}.page-head small{font-size:9px;letter-spacing:1px;color:var(--green)}.page-head h1{font-size:30px;margin:7px 0 5px}.page-head p{margin:0;color:#858b96}.primary{background:#0e2a21;color:var(--green);border-color:#28674f}.upload{padding:11px 16px;border:1px solid #28674f;border-radius:6px;cursor:pointer}.filters{height:65px;padding:13px 40px;display:flex;gap:10px}.filters input{max-width:400px}.filters select{max-width:180px}.media-table{height:calc(100% - 175px);margin:0 40px;border:1px solid var(--line);border-radius:8px}.media-table select{background:#111318;color:#ddd;border:1px solid #333640;border-radius:4px;padding:5px}.media-table button{padding:5px 8px}.cart-grid{padding:25px 40px;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.cart{height:135px;border:1px solid #2c2f36;border-radius:9px;background:linear-gradient(145deg,#171920,#0e0f12);padding:14px;display:flex;flex-direction:column;cursor:pointer;position:relative}.cart:hover{border-color:#b347a8;box-shadow:inset 0 0 30px #bf43b511}.cart span{color:#cb59ce;font-size:11px}.cart b{margin-top:auto}.cart small{color:#858b96;margin-top:5px}.sequence-layout{height:100%;display:grid;grid-template-columns:280px 430px 1fr}.sequence-layout>aside{border-right:1px solid var(--line)}.page-head.compact{padding:25px 20px}.sequence{width:calc(100% - 20px);margin:10px;text-align:left;color:white}.sequence b{float:right;background:#2b2e35;border-radius:20px;padding:2px 7px}.pattern{padding:26px 20px;border-right:1px solid var(--line)}.pattern-head{display:flex;align-items:center;justify-content:space-between}.pattern>p{color:#858b96;line-height:1.5}.pattern-item{height:52px;border:1px solid #30333a;border-radius:6px;margin-bottom:8px;padding:0 12px;display:flex;align-items:center;gap:10px}.pattern-item i{font-style:normal;color:#666c76}.pattern-item select{flex:1;background:#111318;color:white;border:0}.pattern-item button{border:0;background:transparent}.rule-info{padding:28px}.rule-info h3{margin-top:0}.rule-ok{margin-top:30px;padding:15px;border:1px solid #285640;background:#0d1e18;border-radius:7px;color:#63dda6;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:25px 40px;max-width:1000px}.settings-grid section{border:1px solid var(--line);background:#111216;border-radius:9px;padding:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch input{width:auto}.settings-grid pre{white-space:pre-wrap;color:#cf8a7f;background:#090a0c;padding:12px;border-radius:5px;min-height:50px;font-size:10px}.toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;border-radius:6px;background:#20232a;border:1px solid #414550;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#913342;color:#ff8998}@media(max-width:1100px){.topbar{grid-template-columns:160px 240px 1fr 220px}.top-right #monitorBtn span,.connection span{display:none}.studio-body{grid-template-columns:1fr 330px}.cart-grid{grid-template-columns:repeat(3,1fr)}.sequence-layout{grid-template-columns:220px 390px 1fr}}@media(max-width:800px){body{min-width:760px}.topbar{grid-template-columns:160px 220px 1fr 120px}.dock{display:none}.studio-body{grid-template-columns:1fr}.decks{grid-template-columns:1fr 1fr}.decks .deck:nth-child(3){display:none}.sequence-layout{grid-template-columns:200px 1fr}.rule-info{display:none}}