:root{--accent:#167e75;--ink:#17212d;--muted:#64707e;--paper:#fff;--bg:#f3f5f7;--line:#e2e7eb;--side:#14202d;--shadow:0 12px 42px #14202d18;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.875rem;font-weight:600;min-height:42px}button:hover{filter:brightness(.96)}button.primary,.primary{background:var(--accent);border-color:var(--accent);color:white}.secondary{background:transparent}.icon-button{border:0;background:transparent;padding:9px;min-width:38px;min-height:38px}.icon-button:hover{background:#8ca0b31a}.small{font-size:.8125rem;padding:7px 10px;min-height:34px}input,select{border:1px solid var(--line);border-radius:6px;padding:11px 13px;color:var(--ink);background:var(--paper);min-width:0}input:focus,select:focus{border-color:var(--accent)}label{display:grid;gap:8px;font-size:.875rem;font-weight:600}small{font-size:.8125rem;color:var(--muted);line-height:1.7}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.22;letter-spacing:-1px;margin-bottom:10px}h2{font-size:1.35rem;letter-spacing:-.4px}h3{font-size:1rem;margin-bottom:8px}p{color:var(--muted);line-height:1.65}strong{font-weight:600}.eyebrow,.nav-caption{font-size:.75rem;font-weight:700;letter-spacing:1.5px}.brand{display:flex;gap:13px;align-items:center;color:white}.brand-mark{width:37px;height:39px;background:#eff4f5;border-radius:8px;color:#14202d;display:grid;place-items:center;font-size:27px;font-weight:800;position:relative;flex-shrink:0}.brand-mark span{width:8px;height:8px;background:#60cbb0;border-radius:50%;position:absolute;right:4px;bottom:5px}.brand-name{font-size:1.125rem;line-height:1.25;font-weight:600;letter-spacing:-.2px}.brand-name b{font-size:.8125rem;display:block;font-weight:400;letter-spacing:1.7px;color:#aab6c5}.sidebar{position:fixed;inset:0 auto 84px 0;width:244px;background:var(--side);padding:32px 20px 0;display:flex;flex-direction:column;color:#bec8d3}.sidebar>.brand{padding:0 8px;margin-bottom:46px}.nav-caption{color:#7d91a5;padding:0 14px;margin-bottom:14px;font-size:.75rem}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:13px;align-items:center;padding:14px;border-radius:6px;font-size:.9375rem;font-weight:500}.sidebar nav a:hover{background:#ffffff09}.sidebar nav a.active{color:white;background:#ffffff10;box-shadow:inset 3px 0 0 #67d5b8}.sidebar nav a.active svg{color:#67d5b8}.sidebar-bottom{margin-top:auto}.station-side{display:flex;gap:9px;align-items:center;padding:20px 10px;font-size:.8125rem;color:#aabac7}.dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#7c8d9e;flex-shrink:0}.dot.on{background:#44c096}.account{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff12;padding:21px 0}.avatar{width:34px;height:34px;background:#ffffff10;color:#dce8ed;display:grid;place-items:center;border-radius:50%;font-size:.75rem;font-weight:600}.account div{flex:1;min-width:0}.account strong{font-size:.8125rem;color:#e7edf1}.account small{display:block;font-size:.75rem;color:#899dae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account button{color:#899dae}.main-shell{margin-left:244px;padding-bottom:110px;min-height:100vh}.topbar{height:72px;padding:0 40px;border-bottom:1px solid var(--line);background:var(--paper);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:1px;color:var(--muted)}.topbar strong{font-weight:500;font-size:.875rem;letter-spacing:0;color:var(--ink)}.topbar-slash{padding:0 14px;color:#b5bec6}.connection{display:flex;align-items:center;gap:8px;font-size:.8125rem;letter-spacing:0}.connection .dot{background:#4b9b8c}main{max-width:1680px;margin:auto;padding:38px 40px}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.page-title p{margin:0;font-size:.9375rem}.page-title h1{margin-bottom:8px}.page-title>button{margin-top:7px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:21px 23px;display:flex;justify-content:space-between;align-items:center}.stat strong{display:block;font-size:1.65rem;letter-spacing:-.7px;font-weight:600;margin-top:8px}.stat span{font-size:.8125rem;color:var(--muted)}.stat>svg{color:#8798a7;width:25px;height:25px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-header{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:1rem}.panel-header span{font-size:.8125rem;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}.search{position:relative;flex:1;max-width:430px}.search svg{position:absolute;left:12px;top:12px;color:#81909b;width:18px;height:18px}.search input{padding-left:39px;width:100%;font-size:.875rem}.toolbar .meta{font-size:.8125rem;color:var(--muted);margin-left:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.65px;color:var(--muted);font-weight:500;background:var(--bg);padding:13px 18px}td{border-top:1px solid var(--line);padding:13px 18px;font-size:.875rem}tbody tr:hover{background:color-mix(in srgb,var(--accent) 3%,var(--paper))}.track-cell{display:flex;align-items:center;gap:13px;min-width:190px}.track-art{width:39px;height:39px;background:#edf2f3;border-radius:5px;display:grid;place-items:center;color:#819c9a;overflow:hidden;flex-shrink:0}.track-art img{width:100%;height:100%;object-fit:cover}.track-cell strong{display:block;max-width:290px;text-overflow:ellipsis;overflow:hidden}.track-cell small{display:block;font-size:.75rem;line-height:1.55}.track-actions{display:flex;gap:2px}.track-actions button{padding:7px;min-width:32px;min-height:32px;color:var(--muted)}.track-actions svg{height:17px;width:17px}.muted{color:var(--muted)}.tag{font-size:.75rem;padding:4px 8px;border-radius:4px;background:var(--bg);color:var(--muted)}.table-footer{padding:14px 23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;color:var(--muted)}.table-footer div{display:flex;gap:7px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:57px 25px 62px}.empty-visual{width:74px;height:74px;background:#edf5f3;border:1px solid #dcebe7;display:grid;place-items:center;border-radius:20px;transform:rotate(-5deg);margin-bottom:23px;color:var(--accent)}.empty-visual svg{width:30px;height:30px;transform:rotate(5deg)}.empty h2{font-size:1.2rem;margin-bottom:9px}.empty p{font-size:.875rem;max-width:370px;margin-bottom:23px}.empty small{margin-top:12px}.library-note{margin-top:17px;font-size:.8125rem;color:var(--muted);display:flex;gap:8px;align-items:center}.library-note .dot{background:var(--accent);width:6px;height:6px}.player{position:fixed;inset:auto 0 0;height:84px;background:var(--paper);border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:13px 28px;z-index:20}.player-track{display:flex;align-items:center;gap:13px;width:33%;min-width:180px}.player-art{width:48px;height:48px;background:var(--bg);border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:#8a9aa5;flex-shrink:0}.player-track div{overflow:hidden}.player-track strong,.player-track span:not(.player-art){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track strong{font-size:.875rem;margin-bottom:6px}.player-track span:not(.player-art){font-size:.75rem;color:var(--muted)}audio{width:420px;max-width:48%;height:38px}.player-mode{margin-left:auto;font-size:.75rem;letter-spacing:1px;color:var(--muted)}.radio-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px}.on-air{background:var(--side);color:white;border-radius:9px;padding:28px;min-height:310px;display:flex;flex-direction:column}.on-air .eyebrow{color:#a2b4c4;display:flex;align-items:center;gap:8px}.on-air h2{font-size:1.7rem;margin:38px 0 9px;letter-spacing:-.5px}.on-air p{color:#adbdc9}.radio-controls{display:flex;gap:10px;margin-top:auto;padding-top:15px;flex-wrap:wrap}.radio-controls .secondary{color:white;border-color:#ffffff35}.signal-bars{display:flex;gap:4px;align-items:center;height:30px;margin-left:auto}.signal-bars span{width:4px;background:#68d7b9;border-radius:2px;height:10px}.signal-bars span:nth-child(2){height:22px}.signal-bars span:nth-child(3){height:30px}.signal-bars span:nth-child(4){height:18px}.radio-side{display:grid;gap:16px}.radio-metric{padding:24px}.radio-metric strong{font-size:2.2rem;display:block;margin:14px 0 5px}.status-list{list-style:none;margin:0;padding:6px 22px}.status-list li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:.875rem}.status-list li:last-child{border:0}.status-list li span:last-child{color:var(--muted);font-size:.8125rem}.history{margin-top:23px}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.playlist-card{padding:24px;display:flex;flex-direction:column;gap:13px}.playlist-card-top{display:flex;justify-content:space-between;align-items:center}.playlist-icon{color:var(--accent);background:#edf5f3;padding:12px;display:grid;place-items:center;border-radius:8px}.badge{font-size:.75rem;font-weight:500;padding:5px 9px;border-radius:20px;background:var(--bg);color:var(--muted)}.badge.enabled{background:#e8f5ef;color:#257956}.playlist-card h2{font-size:1.1rem;margin:6px 0 0;overflow-wrap:anywhere}.playlist-card p{font-size:.8125rem;margin:0}.playlist-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.settings-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.settings-form{padding:24px;display:grid;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.color-input{display:flex;gap:9px;align-items:center}.color-input input{padding:4px;width:56px;height:43px;cursor:pointer}.native-links{padding:7px 24px}.native-links a{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.native-links a:last-child{border:0}.native-links strong{font-size:.875rem;display:block;margin-bottom:6px}.native-links p{font-size:.8125rem;margin:0}.about-note{font-size:.8125rem;margin:22px 0 0}.about-note a{text-decoration:underline}.storage{padding:24px}.storage p{font-size:.875rem;margin:12px 0 0}progress{width:100%;height:7px;accent-color:var(--accent);border-radius:5px}.settings-grid .panel+.panel{margin-top:22px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:var(--side);color:white;padding:50px 12%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-intro h1{font-size:3.25rem;line-height:1.1;margin:25px 0 23px;letter-spacing:-2px}.login-intro .eyebrow{color:#70d4ba}.login-intro p{color:#b1c0ce;font-size:1.1rem}.login-foot{font-size:.75rem;color:#8ca0b3;letter-spacing:.3px}.login-form{display:grid;place-items:center;padding:40px;background:var(--paper)}.login-form>div{max-width:365px;width:100%}.login-form .eyebrow{color:var(--accent)}.login-form h2{font-size:2rem;margin:16px 0 12px;letter-spacing:-.9px}.login-form p{font-size:.9375rem}.login-form form{display:grid;gap:20px;margin:29px 0 22px}.login-form form button{justify-content:space-between;padding:13px 18px}.form-error{color:#b23b3b;margin:0;font-size:.875rem!important}.form-error:empty{display:none}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:min(520px,calc(100vw - 32px));padding:28px;box-shadow:var(--shadow)}dialog::backdrop{background:#101b2d80;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:15px}.modal-header h2{margin:5px 0 0}.modal-form{display:grid;gap:18px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:6px}.check-row{display:flex;gap:12px;align-items:center;background:var(--bg);padding:13px;border-radius:6px;font-weight:500}.check-row input{accent-color:var(--accent);width:18px;height:18px}.modal-tracks{max-height:360px;overflow:auto}.modal-track{padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.modal-track small{display:block}.loading{padding:50px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#14202d;color:white;padding:14px 22px;border:1px solid #ffffff20;border-radius:8px;font-size:.875rem;z-index:60;box-shadow:var(--shadow);max-width:min(560px,90vw)}#toast.error{background:#8f343b}.upload-progress{position:fixed;bottom:102px;right:25px;background:var(--paper);border:1px solid var(--line);padding:18px 20px;border-radius:9px;box-shadow:var(--shadow);width:min(370px,90vw);z-index:45}.upload-progress div{display:flex;justify-content:space-between;gap:15px;font-size:.8125rem;margin-bottom:9px}.upload-progress strong{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress span{color:var(--muted)}.error-panel{padding:30px;color:#a74145}.button-row{display:flex;gap:8px;flex-wrap:wrap}
[data-theme=dark]{--ink:#e4eaf0;--muted:#9caaba;--paper:#1c2936;--bg:#14202b;--line:#30404e;--side:#101923}[data-theme=dark] .empty-visual,[data-theme=dark] .playlist-icon{background:#213b3b;border-color:#385352}[data-theme=dark] .track-art{background:#273c44}[data-theme=dark] .badge.enabled{background:#214338;color:#92dbb6}[data-theme=dark] audio{filter:invert(.85)}
@media(min-width:1500px){main{padding-top:43px}.page-title{margin-bottom:31px}}
@media(max-width:1100px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.main-shell{margin-left:210px}.topbar{padding:0 25px}main{padding:30px 25px}.brand-name{font-size:1rem}.stats{gap:12px}.stat{padding:19px}.player-mode{display:none}.player-track{width:44%}.settings-grid{grid-template-columns:1fr}.radio-grid{grid-template-columns:1fr}.radio-side{grid-template-columns:1fr 1fr}.login-intro h1{font-size:2.7rem}}
@media(max-width:720px){.sidebar{position:static;width:100%;height:auto;padding:18px 16px 0;display:block}.sidebar>.brand{margin:0 0 18px;padding:0}.brand-name b{display:inline;margin-left:5px;font-size:1rem;letter-spacing:0}.sidebar nav{display:flex;gap:4px;overflow-x:auto}.sidebar nav a{padding:12px 10px;font-size:.8125rem;gap:7px;white-space:nowrap;border-radius:6px 6px 0 0}.sidebar nav a.active{box-shadow:inset 0 -3px 0 #67d5b8}.sidebar nav svg{width:17px;height:17px}.nav-caption,.sidebar-bottom{display:none}.main-shell{margin:0}.topbar{height:52px;padding:0 18px}.connection{font-size:.75rem}main{padding:25px 17px 30px}h1{font-size:1.7rem}.page-title{gap:10px}.page-title p{font-size:.8125rem}.page-title>button{font-size:.8125rem;padding:10px}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat{padding:14px 12px}.stat>svg{display:none}.stat strong{font-size:1.3rem}.stat span{font-size:.75rem}.toolbar{padding:13px}.toolbar .meta{display:none}.panel-header{padding:18px}.player{height:112px;display:grid;grid-template-columns:1fr;padding:9px 16px;gap:4px}.player-track{width:100%;gap:9px}.player-art{width:30px;height:30px}.player-art svg{height:17px;width:17px}.player-track strong{font-size:.8125rem;margin-bottom:2px}.player-track span:not(.player-art){font-size:.75rem}.player audio{width:100%;max-width:none;height:33px}.main-shell{padding-bottom:125px}.empty{padding:40px 20px}.radio-side{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.login-shell{display:block}.login-intro{min-height:0;padding:25px}.login-intro>div:nth-child(2),.login-foot{display:none}.login-form{min-height:calc(100vh - 90px);padding:30px}.table-footer{padding:13px}.upload-progress{bottom:130px}#toast{bottom:136px}}
@media(max-width:720px){.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.sidebar nav a{flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:10px 2px;font-size:.875rem;white-space:normal;text-align:center;overflow-wrap:anywhere}.page-title{flex-wrap:wrap}.page-title h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,filter .15s}.signal-bars.active span{animation:pulse 1s ease-in-out infinite alternate}.signal-bars.active span:nth-child(2){animation-delay:.2s}.signal-bars.active span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{transform:scaleY(.45)}}}

.panel-health{display:flex;flex-wrap:wrap;gap:12px 25px;padding:15px 0 27px;color:var(--muted);font-size:.875rem}.panel-health>span{display:flex;align-items:center;gap:8px}.panel-health .dot{background:#bb854c}.panel-health .dot.on{background:#4b9b8c}
.control-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.control-group:last-child{grid-column:1/-1}.control-group .panel-header{display:block;padding:23px}.control-group h2{display:flex;align-items:center;gap:12px;font-size:1.15rem}.control-group h2 svg{color:var(--accent);width:23px;height:23px}.control-group .panel-header p{font-size:.875rem;margin:9px 0 0}.control-group nav{padding:3px 23px}.control-group nav>a{padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.control-group nav>a:last-child{border:0}.control-group nav>a strong{display:block;font-size:1rem;font-weight:600}.control-group nav>a small{display:block;font-size:.875rem;margin-top:4px;color:var(--muted)}.control-group nav>a>span:last-child{color:var(--accent);font-size:20px}.control-group nav>a:hover strong{color:var(--accent)}.control-group:last-child nav{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
@media(max-width:720px){.control-groups{grid-template-columns:1fr;gap:18px}.control-group:last-child{grid-column:auto}.control-group:last-child nav{display:block}.control-group .panel-header{padding:19px}.control-group nav{padding:3px 19px}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar nav a{font-size:.8125rem}.panel-health{gap:12px;font-size:.8125rem}}

/* Approved Platinum Studio artwork: shared dimensions and generous clear space. */
.brand .brand-logo{display:block;width:208px;max-width:100%;height:auto;aspect-ratio:960/402;object-fit:contain;flex-shrink:0}
.sidebar>.brand{display:block;padding:0;margin-bottom:27px}
.login-intro>.brand{display:block}
.login-intro .brand-logo{width:400px;max-width:100%}
@media(max-width:1100px){.sidebar .brand-logo{width:174px}}
@media(max-width:720px){.sidebar>.brand{margin:0 0 20px;padding:0}.sidebar .brand-logo{width:208px}.login-intro .brand-logo{width:245px}.login-intro{padding-top:20px;padding-bottom:20px}}