:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf0;background:#070b0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#213a3e38,#0000 360px),linear-gradient(#0b1015 0%,#070b0f 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#e8edf0;cursor:pointer;background:linear-gradient(#161e25,#10161c);border:1px solid #26323a;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 12px;display:inline-flex}button:hover{border-color:#3b4b55}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{color:#f4f7f8;background:#0b1117;border:1px solid #26323a;border-radius:5px;outline:none;width:100%;padding:10px 11px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#00c8b3;box-shadow:0 0 0 2px #00c8b321}input[type=checkbox]{accent-color:#00c8b3;width:15px;height:15px}input[type=range]{accent-color:#00c8b3;padding:0}label{color:#aeb8bf;gap:7px;font-size:12px;font-weight:650;display:grid}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#0f151b;border:1px solid #26323a;border-radius:7px;width:min(420px,100%);padding:34px;box-shadow:0 28px 80px #0000006b}.brand-mark,.logo{color:#b8f4ed;background:#111a20;border:1px solid #44646b;border-radius:7px;place-items:center;width:48px;height:48px;display:grid}.login-panel h1{margin:20px 0 8px;font-size:31px}.login-panel p,.modal-head p,.muted{color:#8f9aa2;margin:0}.login-form{gap:14px;margin-top:24px;display:grid}.login-form button,.modal-actions button[type=submit]{background:#0f766d;border-color:#19b7a6}.form-error{color:#ffb7ad;background:#251312;border:1px solid #7f3d38;border-radius:5px;padding:10px}.form-success{color:#86efac;background:#052e16;border:1px solid #14532d;border-radius:5px;padding:10px}.console-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(#0f171df0,#080c10fa);border-right:1px solid #1f2930;grid-template-rows:auto auto auto 1fr;gap:20px;min-height:100vh;padding:14px;display:grid}.logo-row{align-items:center;gap:12px;padding:4px 4px 2px;display:flex}.logo-row strong,.logo-row span{display:block}.logo-row strong{font-size:18px}.logo-row span{color:#7f8a92;margin-top:2px;font-size:12px}.side-section{border-bottom:1px solid #1e2930;padding-bottom:16px}.side-heading{color:#9da8af;text-transform:uppercase;letter-spacing:0;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.side-heading button,.icon-only{width:32px;min-height:30px;padding:0}.group-list,.side-nav{gap:6px;display:grid}.group-list button,.side-nav button{color:#c2ccd1;background:0 0;border-color:#0000;justify-content:flex-start;width:100%}.group-list button.active,.side-nav button.active{color:#fff;background:#151f26;border-color:#22313a}.group-list button strong{border:1px solid #33424b;border-radius:5px;place-items:center;min-width:28px;min-height:24px;margin-left:auto;font-size:12px;display:grid}.group-dot,.green-dot,.gray-dot{background:#71808a;border-radius:50%;width:10px;height:10px}.group-dot.live,.green-dot{background:#22c55e}.node-card{color:#aeb8bf;border-top:1px solid #1f2930;align-self:end;gap:5px;padding:12px;display:grid}.node-card strong{color:#22c55e}.node-card small{color:#78848d}.console-main{min-width:0;padding:8px 12px 12px}.console-header{justify-content:space-between;align-items:center;gap:16px;min-height:70px;display:flex}.metric-row,.header-actions,.panel-toolbar,.detail-actions,.card-controls,.row-actions{align-items:center;gap:8px;display:flex}.metric-row{flex-wrap:wrap}.top-metric{background:#0b1117eb;border:1px solid #26323a;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;min-width:190px;height:54px;padding:8px 12px;display:flex;position:relative}.top-metric div{min-width:0}.top-metric span,.top-metric small{color:#9ba6ad;font-size:12px}.top-metric strong{margin-top:3px;font-size:18px;display:block}.top-metric svg{color:#00c8b3;flex:none}.streams-panel{background:#0a0f14bd;border:1px solid #26323a;border-radius:6px;padding:10px}.panel-toolbar{margin-bottom:10px}.panel-toolbar h1{min-width:125px;margin:0;font-size:18px}.panel-toolbar p{color:#8f9aa2;margin:2px 0 0;font-size:12px}.search-box{background:#0b1117;border:1px solid #26323a;border-radius:5px;grid-template-columns:auto 1fr;align-items:center;gap:8px;max-width:300px;height:36px;padding:0 10px}.search-box input{background:0 0;border:0;padding:0}.console-grid{grid-template-columns:repeat(4,minmax(240px,1fr));gap:10px;display:grid}.empty-streams{color:#c7d0d5;text-align:center;background:#0b1117;border:1px dashed #33424b;border-radius:6px;grid-column:1/-1;align-content:center;place-items:center;gap:10px;min-height:220px;padding:24px;display:grid}.empty-streams svg{color:#00c8b3}.empty-streams span{color:#8f9aa2;max-width:460px}.console-card{cursor:pointer;background:linear-gradient(#141d23f0,#0b1015f5);border:1px solid #2a363e;border-radius:6px;min-height:178px;padding:12px}.console-card.selected{border-color:#00c8b3;box-shadow:inset 0 0 0 1px #00c8b340}.card-title{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.card-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.console-card p{color:#9da8af;white-space:nowrap;text-overflow:ellipsis;margin:9px 0 10px;font-size:13px;overflow:hidden}.youtube-dot{color:#fff;background:#e11d24;border-radius:4px;place-items:center;width:22px;height:16px;font-size:10px;display:grid}.badge-live,.badge-idle{border-radius:4px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:800}.badge-live{color:#eafff3;background:#0e7a45}.badge-idle{color:#d3d9dd;background:#303940}.health-line{color:#b8c3c9;border-bottom:1px solid #253139;align-items:center;gap:8px;padding-bottom:10px;font-size:13px;display:flex}.card-stats{grid-template-columns:repeat(3,1fr);margin:10px 0;display:grid}.card-stats div{text-align:center;border-right:1px solid #253139}.card-stats div:last-child{border-right:0}.card-stats strong,.card-stats span{display:block}.card-stats span{color:#8d98a0;margin-top:2px;font-size:12px}.card-controls button{flex:1;min-height:30px}.danger{color:#ffb8b0;background:#361715!important;border-color:#7c332f!important}.danger-text{color:#ff9c91!important}.secondary{background:0 0}.detail-console{background:#0a0f14eb;border:1px solid #26323a;border-radius:6px;margin-top:10px;overflow:hidden}.reopen-detail{justify-content:flex-start;width:100%;margin-top:10px}.detail-topline{border-bottom:1px solid #253139;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.selected-name{align-items:center;gap:9px;min-width:0;display:flex}.selected-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.detail-metrics{color:#9da8af;flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.detail-metrics strong{color:#eef3f5}.detail-tabs{border-bottom:1px solid #253139;gap:18px;padding:0 12px;display:flex}.detail-tabs button{color:#a6b1b8;background:0 0;border:0;border-radius:0;min-height:38px;padding:0}.detail-tabs button.active{color:#00d7c2;box-shadow:inset 0 -2px #00d7c2}.detail-grid{gap:8px;padding:8px;display:grid}.overview-grid{grid-template-columns:1.1fr 1fr 1fr}.two-col{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr)}.info-table,.queue-panel,.health-panel,.media-table,.log-box,.mix-card,.setup-panel{background:#0b1117;border:1px solid #26323a;border-radius:5px}.info-table div{border-bottom:1px solid #223039;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px;display:grid}.info-table div:last-child{border-bottom:0}.info-table span{color:#8f9aa2}.info-table strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.panel-head,.table-head{border-bottom:1px solid #223039;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.panel-head span{border:1px solid #33424b;border-radius:5px;place-items:center;min-width:28px;min-height:24px;display:grid}.panel-head button{min-height:28px}.setup-panel{align-content:start;display:grid}.setup-panel .panel-head span{color:#f2c94c;width:auto;padding:0 8px}.setup-action{text-align:left;background:0 0;border:0;border-bottom:1px solid #18232b;border-radius:0;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:62px;padding:10px;display:grid}.setup-action:last-child{border-bottom:0}.setup-action:hover{background:#111a21}.setup-action svg{color:#00c8b3}.setup-action strong,.setup-action small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.setup-action small{color:#8f9aa2;margin-top:3px;font-size:12px}.readiness-warning,.readiness-ok{background:#10170d;border:1px solid #2f3a22;border-radius:5px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;margin:10px;padding:10px;display:grid}.readiness-warning{background:#191306;border-color:#6b4f16}.readiness-warning svg{color:#f2c94c}.readiness-ok svg{color:#22c55e}.readiness-warning strong,.readiness-ok strong,.readiness-warning small,.readiness-ok small{display:block}.readiness-warning small,.readiness-ok small{color:#aeb8bd;margin-top:3px;line-height:1.4}.queue-row{border-bottom:1px solid #18232b;grid-template-columns:28px minmax(0,1fr) 90px 120px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.queue-row strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-row em,.table-row em{color:#f2c94c;font-size:12px;font-style:normal}.progress{background:#222b31;border-radius:999px;height:5px;overflow:hidden}.progress span{background:#00c8b3;height:100%;display:block}.drop-zone{color:#c8d1d6;text-align:center;cursor:pointer;background:#0b1117;border:1px dashed #3a4b55;border-radius:5px;align-content:center;place-items:center;gap:8px;min-height:170px;padding:18px;display:grid}.drop-zone.dragging{background:#00c8b314;border-color:#00c8b3}.drop-zone span{color:#8f9aa2;font-size:12px}.drop-zone input{display:none}.media-table{overflow:hidden}.table-head{color:#9ba6ad;text-transform:uppercase;grid-template-columns:minmax(0,1fr) 180px 230px;font-size:12px}.table-row{border-bottom:1px solid #18232b;grid-template-columns:minmax(0,1fr) 180px 230px;align-items:center;gap:10px;padding:9px 10px;display:grid}.table-row:last-child{border-bottom:0}.table-row strong,.table-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.table-row small{color:#8f9aa2;margin-top:3px}.warning-text{line-height:1.35;color:#f2c94c!important;white-space:normal!important}.stack{gap:8px;display:grid}.mix-card{gap:12px;padding:12px;display:grid}.folder-picker{background:#0b1117;border:1px solid #26323a;border-radius:5px;gap:8px;padding:12px;display:grid}.folder-picker-row{background:#0e151b;border:1px solid #1d2931;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:grid}.folder-picker-row.selected{background:#0f1e1c;border-color:#126c62}.folder-picker-row.empty-folder{opacity:.72}.folder-picker-row strong,.folder-picker-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.folder-picker-row span{color:#8f9aa2;margin-top:3px;font-size:12px}.stream-folder-tree,.stream-folder-node{gap:4px;display:grid}.tree-picker-row{grid-template-columns:24px minmax(0,1fr) auto;min-height:44px}.tree-picker-label{min-width:0}.compact-empty{min-height:140px!important}.mix-card label span{justify-content:space-between;display:flex}.check-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.check-grid label{background:#0e151b;border:1px solid #26323a;border-radius:5px;align-items:center;gap:8px;min-height:34px;padding:0 10px;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.settings-grid .wide,.settings-grid .quality-reference{grid-column:1/-1}.settings-grid button{width:fit-content}.quality-reference{background:#0b1117;border:1px solid #26323a;border-radius:5px;overflow:hidden}.quality-reference .panel-head span{width:auto;padding:0 8px}.quality-table{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quality-table div{color:#a9b3b9;border-top:1px solid #18232b;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 10px;font-size:12px;display:grid}.quality-table div.active{color:#e9fbf8;background:#0f1e1c}.quality-table span,.quality-table strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.log-box pre{color:#9ff4e7;background:#05090d;height:260px;margin:0;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.health-row{color:#c6d0d5;border-bottom:1px solid #18232b;grid-template-columns:22px 90px 1fr;gap:8px;padding:9px 10px;font-size:13px;display:grid}.health-row span{color:#22c55e}.health-row p{margin:0}.library-page,.utility-page{gap:10px;display:grid}.utility-head{background:#0a0f14bd;border:1px solid #26323a;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.utility-head h1{margin:0 0 4px;font-size:20px}.utility-head p{color:#8f9aa2;margin:0}.utility-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;display:grid}.utility-card{background:#0b1117;border:1px solid #26323a;border-radius:6px;gap:4px;min-height:88px;padding:12px;display:grid}.utility-card span,.utility-card small{color:#8f9aa2}.utility-card strong{font-size:22px}.library-head{background:#0a0f14bd;border:1px solid #26323a;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.library-head h1{margin:0 0 4px;font-size:20px}.library-head p{color:#8f9aa2;margin:0}.folder-create{grid-template-columns:minmax(180px,1fr) 160px auto;gap:8px;min-width:min(560px,100%);display:grid}.library-grid{grid-template-columns:280px minmax(0,1fr) 320px;gap:10px;display:grid}.folder-panel,.library-tracks,.stream-folder-panel{background:#0a0f14cc;border:1px solid #26323a;border-radius:6px;min-height:420px;overflow:hidden}.folder-tree{gap:2px;padding:8px;display:grid}.tree-row{border:1px solid #0000;border-radius:5px;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;min-height:34px;display:grid}.tree-row.active,.tree-row:hover{background:#111920;border-color:#26323a}.tree-expander,.tree-add{background:0 0;border-color:#0000;width:26px;min-height:26px;padding:0}.tree-expander:disabled{opacity:.2}.tree-expander svg{transition:transform .12s}.tree-expander svg.expanded{transform:rotate(90deg)}.tree-label{background:0 0;border:0;justify-content:flex-start;min-width:0;min-height:30px;padding:0 6px}.tree-label span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tree-label em,.folder-check em{color:#8f9aa2;margin-left:auto;font-style:normal}.inline-folder-create{border-bottom:1px solid #18232b;grid-template-columns:minmax(0,1fr) 30px 30px;gap:5px;padding:8px;display:grid}.inline-folder-create.nested{border-bottom:0;padding:5px 8px 7px}.inline-folder-create button{min-height:30px;padding:0}.library-tracks{align-content:start;gap:8px;padding:8px;display:grid}.stream-folder-panel .folder-check{margin:8px 8px 0}.folder-check{color:#c7d0d5;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:grid}.folder-check:hover{background:#111920;border-color:#26323a}.folder-check span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.usage-summary{border-bottom:1px solid #18232b;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:12px;display:grid}.usage-summary svg{color:#00c8b3;grid-row:span 2}.usage-summary strong,.usage-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.usage-summary span{color:#8f9aa2;font-size:12px}.usage-list{gap:4px;padding:8px;display:grid}.usage-row{background:#0b1117;border:1px solid #1d2931;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:0 8px;display:grid}.usage-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usage-row em{color:#8f9aa2;font-size:12px;font-style:normal}.empty-library{color:#8f9aa2;align-content:center;place-items:center;gap:8px;min-height:360px;display:grid}.inline-head{margin:-12px -12px 4px}.table-empty{padding:12px}.modal-backdrop{z-index:20;background:#0000009e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{background:#0f151b;border:1px solid #33424b;border-radius:7px;gap:14px;width:min(620px,100%);padding:18px;display:grid;box-shadow:0 28px 90px #0000008a}.confirm-panel{width:min(520px,100%)}.delete-summary{background:#170f0f;border:1px solid #3a2726;border-radius:5px;grid-template-columns:90px minmax(0,1fr);gap:8px 12px;padding:12px;display:grid}.delete-summary span{color:#aeb8bf}.delete-summary strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.modal-head,.modal-actions{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-head h2{margin:0 0 5px}.modal-actions{justify-content:flex-end}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=1280px){.console-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.overview-grid,.two-col,.library-grid{grid-template-columns:1fr}}@media (width<=860px){.console-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.console-header,.detail-topline,.form-grid,.settings-grid{grid-template-columns:1fr;display:grid}.console-grid,.table-head,.table-row,.quality-table{grid-template-columns:1fr}.library-head,.folder-create{grid-template-columns:1fr;display:grid}}