/* StartMyRadio — Live Studio console */
.dash.studio-mode{grid-template-columns:1fr;min-height:0}.dash.studio-mode .side{display:none}.dash.studio-mode .main{padding:0}#studioHost{padding-bottom:30px}
.sx-top{background:linear-gradient(90deg,#0a0d3a,#1f0f5c 55%,#3b0f78);border-bottom:1px solid #2b2f86;position:relative;overflow:hidden}
.sx-head{display:flex;align-items:center;gap:18px;padding:12px 22px 8px}.sx-title{display:flex;align-items:center;gap:12px}
.sx-title i{font-style:normal;font-size:30px;color:#ff3b3b;text-shadow:0 0 12px #ff3b3b}.sx-title b{font-size:30px;line-height:1}.sx-title span{display:block;color:#c7d2fe;font-size:15px}
.sx-sign{margin-left:auto;font:900 32px/1 'Poppins',sans-serif;letter-spacing:2px;color:#4b1d1d;border:3px solid #4b1d1d;border-radius:10px;padding:6px 14px;background:#1a0b14}
.sx-sign.on{color:#ff4040;border-color:#ff4040;text-shadow:0 0 10px #ff2a2a,0 0 24px #ff2a2a;box-shadow:0 0 18px #ff2a2a88,inset 0 0 12px #ff2a2a55;animation:sxglow 2s infinite}@keyframes sxglow{50%{box-shadow:0 0 6px #ff2a2a55,inset 0 0 6px #ff2a2a33}}
.sx-tabs{display:flex;gap:4px;padding:0 16px;overflow-x:auto}.sx-tabs a{display:flex;align-items:center;gap:7px;color:#e0e7ff;text-decoration:none;font-weight:600;padding:11px 14px;border-radius:10px 10px 0 0;white-space:nowrap;font-size:14.5px}
.sx-tabs a:hover{background:#ffffff12}.sx-tabs a.on{background:linear-gradient(180deg,#7c3aed,#5b21b6)}.sx-tabs a.sup{margin-left:auto;background:#6d28d9;border-radius:10px;margin-bottom:6px}
.sx{display:grid;grid-template-columns:300px 1fr 470px;gap:14px;padding:14px 16px 0}.sx-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.sx-card{background:linear-gradient(180deg,#0f1650,#0b1140);border:1px solid #2a3488;border-radius:16px;padding:14px;box-shadow:0 8px 24px #0006;min-width:0}
.sx-card h3{margin:0 0 10px;font-size:16px;letter-spacing:.5px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.sx-card h3 .sp{flex:1}
.sx-btn{border:1px solid #39449c;background:#141c5e;color:#fff;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer;font-size:13px}.sx-btn:hover{background:#1c2678}.sx-btn.purple{background:linear-gradient(180deg,#7c3aed,#5b21b6);border-color:#8b5cf6}
.sx-btn.green{background:linear-gradient(180deg,#22c55e,#15803d);border-color:#4ade80}.sx-btn.red{background:linear-gradient(180deg,#ef4444,#b91c1c);border-color:#f87171}.sx-btn.lit{box-shadow:0 0 0 2px #fbbf24 inset}
.sx-mic{display:grid;grid-template-columns:22px 1fr 22px;gap:8px;align-items:center;height:190px}.sx-mic canvas{width:22px;height:170px}.sx-mic svg{width:100%;height:180px}
.sx-mbtn{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.sx-mbtn button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:12px;font-size:13px}
.sx-mbtn button b{font-size:20px}.sx-fx label{display:flex;align-items:center;justify-content:space-between;margin:10px 2px;font-weight:600;color:#e0e7ff;font-size:14.5px}
.sx-sw{appearance:none;width:46px;height:24px;border-radius:999px;background:#334155;position:relative;cursor:pointer;transition:.2s;flex:none;margin:0}.sx-sw::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}
.sx-sw:checked{background:linear-gradient(90deg,#7c3aed,#3b82f6)}.sx-sw:checked::after{left:25px}
.sx-np{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.sx-art{width:120px;height:120px;border-radius:14px;background:radial-gradient(circle at 30% 30%,#ec4899,#7c3aed 45%,#1e3a8a);display:grid;place-items:center;font-size:54px;box-shadow:0 8px 20px #0008}
.sx-np small{color:#4ade80;font-weight:800;letter-spacing:1px}.sx-np .t{font-size:22px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-np .a{color:#c7d2fe}
.sx-wave{width:100%;height:46px;display:block}.sx-prog{height:6px;background:#26307a;border-radius:4px;margin:8px 0 4px;cursor:pointer;position:relative}.sx-prog i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#a855f7,#ec4899)}
.sx-ctl{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.sx-ctl .sx-btn{width:46px;height:42px;font-size:18px}.sx-ctl .play{width:60px;height:60px;border-radius:50%;font-size:24px;background:linear-gradient(180deg,#c026d3,#7c3aed);border:0}
.sx-ctl .vol{display:flex;align-items:center;gap:8px;margin-left:auto;background:#0a1040;border:1px solid #2a3488;border-radius:12px;padding:8px 12px}
.sx-mix{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.sx-ch{background:#0a1040;border:1px solid #26307a;border-radius:14px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}
.sx-ch.master{border:2px solid #f59e0b;background:#14102e}.sx-ch .ic{font-size:22px}.sx-ch .nm{font-weight:700;font-size:13px;margin:2px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sx-strip{display:grid;grid-template-columns:22px 34px 16px;gap:4px;height:220px;align-items:stretch}.sx-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#a5b4fc;text-align:right;padding:4px 0}
.sx-fader{writing-mode:vertical-lr;direction:rtl;width:34px;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}
.sx-fader::-webkit-slider-runnable-track{width:6px;background:#1e2563;border-radius:3px;margin:0 auto}
.sx-fader::-webkit-slider-thumb{appearance:none;width:34px;height:22px;border-radius:5px;background:var(--cap,linear-gradient(180deg,#a78bfa,#7c3aed));border:1px solid #fff6;box-shadow:0 3px 6px #000a;margin-left:-14px}
.sx-fader::-moz-range-track{width:6px;background:#1e2563;border-radius:3px}.sx-fader::-moz-range-thumb{width:32px;height:20px;border-radius:5px;background:var(--cap,#7c3aed);border:1px solid #fff6}
.sx-ch canvas{width:16px;height:100%}.sx-ch .bt{display:flex;gap:6px;margin-top:8px}.sx-ch .bt button{width:34px;height:30px;padding:0;font-size:13px}
.sx-ch .bt button.on{background:#dc2626;border-color:#f87171}.sx-ch .bt button.cue{background:#0e7490;border-color:#22d3ee}.sx-ch select{width:100%;font-size:11px;padding:3px;margin-top:6px;border-radius:6px}
.sx-onair{display:grid;grid-template-columns:1fr 140px;gap:12px}.sx-lamp{display:flex;align-items:center;gap:12px;border-radius:14px;padding:12px 14px;background:#2a1020;border:1px solid #5b2333}
.sx-lamp.on{background:linear-gradient(90deg,#dc2626,#991b1b);border-color:#f87171;box-shadow:0 0 22px #dc262688}.sx-lamp b{font-size:22px;letter-spacing:1px;white-space:nowrap}.sx-lamp>span{white-space:nowrap}.sx-lamp .tm{margin-left:auto;text-align:right}.sx-lamp .tm b{font-size:20px}
.sx-lis{border-radius:14px;padding:10px;background:#0f1650;border:1px solid #2a3488;text-align:center}.sx-lis b{font-size:30px}
.sx-pl{max-height:230px;overflow:auto}.sx-pl .r{display:grid;grid-template-columns:26px 1fr 54px 22px;gap:8px;align-items:center;padding:7px 8px;border-radius:10px;font-size:14px;cursor:pointer}
.sx-pl .r:hover{background:#141c5e}.sx-pl .r.cur{background:linear-gradient(90deg,#7c3aed,#4c1d95)}.sx-pl .r .t{min-width:0}.sx-pl .r .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-pl .r .t span{color:#c7d2fe;font-size:12px}.sx-pl .r button{background:none;border:0;color:#c7d2fe;cursor:pointer;font-size:16px}.sx-plf{display:flex;align-items:center;gap:10px;color:#c7d2fe;font-size:13px;margin-top:8px;border-top:1px solid #26307a;padding-top:8px}
.sx-plf .sp{flex:1}.sx-plf button{background:none;border:0;color:#c7d2fe;font-size:17px;cursor:pointer}.sx-plf button.lit{color:#fbbf24}
.sx-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sx-pad{border:0;border-radius:14px;color:#fff;font-weight:800;padding:12px 6px;cursor:pointer;min-height:76px;font-size:14px;position:relative;box-shadow:0 4px 12px #0007;line-height:1.15}
.sx-pad b{display:block;font-size:20px;margin-bottom:3px}.sx-pad.empty{opacity:.55}.sx-pad.play{outline:3px solid #fff;transform:scale(.97)}.sx-pad small{position:absolute;top:4px;right:7px;font-weight:600;opacity:.8}
.sx-bottom{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:14px;padding:14px 16px 0}.sx-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sx-modes button{padding:13px 6px;font-size:15px}
.sx-rec{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sx-recb{width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:#dc2626;cursor:pointer}.sx-recb.on{animation:sxglow 1s infinite;background:#ef4444}
.sx-rec .tm{background:#0a1040;border:1px solid #2a3488;border-radius:10px;padding:10px 14px;font-weight:800;font-size:16px;font-family:Consolas,monospace}
.sx-stor{flex:1;min-width:160px;background:#0a1040;border:1px solid #2a3488;border-radius:10px;padding:8px 12px;font-size:13px}.sx-stor .bar{height:8px;margin-top:6px}
.sx-ss{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px;align-items:center;text-align:center}.sx-ss small{display:block;color:#c7d2fe}.sx-ss b{font-size:16px}
.sx-conn{border-radius:12px;padding:10px;border:1px solid #475569;background:#1e293b;font-weight:800}.sx-conn.ok{border-color:#22c55e;background:#052e16;color:#4ade80}
.sx-start{position:fixed;inset:0;z-index:90;background:#04061dcc;display:flex;align-items:center;justify-content:center;padding:16px}.sx-start .box{background:#0f1650;border:1px solid #3b47a8;border-radius:20px;padding:30px;max-width:520px;text-align:center}
.sx-note{font-size:12.5px;color:#a5b4fc;margin:6px 0}
@media(max-width:1400px){.sx{grid-template-columns:280px 1fr}.sx-col.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sx-col.right>.sx-onair{grid-column:1/-1}}
@media(max-width:1000px){.sx{grid-template-columns:1fr}.sx-col.right{grid-template-columns:1fr}.sx-bottom{grid-template-columns:1fr}.sx-mix{grid-template-columns:repeat(3,1fr)}.sx-head{flex-wrap:wrap}.sx-sign{font-size:22px}}
@media(max-width:560px){.sx-mix{grid-template-columns:repeat(2,1fr)}.sx-pads{grid-template-columns:repeat(2,1fr)}.sx-np{grid-template-columns:1fr}.sx-art{display:none}}