:root{
  --bg:#050b13;--bg2:#07111d;--panel:#0a1624;--panel2:#0c1b2d;--panel3:#0e2136;
  --line:#1b334b;--line2:#24445f;--text:#edf6ff;--muted:#839ab2;--muted2:#5d7389;
  --blue:#2d93ff;--blue2:#0c69e8;--cyan:#4fd1ff;--green:#45df8b;--amber:#ffbd4a;--red:#ff5a6b;
  --purple:#8e78ff;--shadow:0 20px 60px rgba(0,0,0,.32);--radius:16px;--sidebar:244px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 76% -8%,rgba(34,124,226,.16),transparent 30%),radial-gradient(circle at 18% 90%,rgba(34,90,150,.08),transparent 28%);z-index:-1}
.boot-screen{min-height:100vh;display:grid;place-content:center;gap:22px;text-align:center;background:radial-gradient(circle at 50% 42%,#0d2742 0,#07111d 28%,#040910 62%)}.boot-screen p{margin:0;color:var(--muted);font-size:13px;letter-spacing:.04em}.boot-mark{font-size:32px;font-weight:800;letter-spacing:-.04em}.boot-mark b{color:var(--blue);font-weight:900}.brand-orbit{display:inline-block;width:25px;height:25px;border:3px solid var(--cyan);border-right-color:transparent;border-radius:50%;transform:rotate(-22deg);vertical-align:-4px;margin-right:6px}.boot-line{width:220px;height:4px;background:#102234;border-radius:999px;overflow:hidden}.boot-line span{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:boot 1.2s ease-in-out infinite}@keyframes boot{0%{transform:translateX(-100%)}100%{transform:translateX(385%)}}

/* Login */
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,560px) 1fr;background:#050b13}.login-panel{padding:clamp(34px,6vw,84px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:44px}.logo-mark{width:42px;height:42px;border:3px solid var(--cyan);border-right-color:transparent;border-radius:50%;transform:rotate(-24deg);position:relative;box-shadow:0 0 24px rgba(79,209,255,.15)}.logo-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue);right:0;top:1px;box-shadow:0 0 12px rgba(45,147,255,.7)}.brand-type{font-weight:900;font-size:25px;letter-spacing:-.045em}.brand-type span{color:var(--blue)}.login-kicker{color:var(--cyan);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px}.login-panel h1{font-size:clamp(34px,4.5vw,54px);line-height:.98;letter-spacing:-.052em;margin:0 0 18px;max-width:480px}.login-panel>p{color:var(--muted);line-height:1.7;max-width:490px;margin:0 0 30px}.login-card{max-width:460px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(12,27,45,.93),rgba(8,20,33,.93));border-radius:20px;padding:22px;box-shadow:var(--shadow)}.field{display:grid;gap:8px;margin-bottom:14px}.field label{font-size:12px;color:#a9bdd1;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #203c55;background:#081522;color:var(--text);border-radius:10px;padding:12px 13px;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,147,255,.09)}.login-help{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:12px}.login-visual{position:relative;overflow:hidden;min-height:100vh;background:#07111d}.login-visual img{width:100%;height:100%;object-fit:cover;opacity:.76;filter:saturate(.85) brightness(.75)}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050b13 0,rgba(5,11,19,.24) 20%,rgba(5,11,19,.06) 65%),linear-gradient(0deg,rgba(5,11,19,.5),transparent 50%)}.visual-copy{position:absolute;z-index:2;left:8%;right:8%;bottom:7%;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.visual-copy h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:0 0 7px}.visual-copy p{color:#b7c8d8;margin:0}.version-chip{border:1px solid rgba(255,255,255,.18);background:rgba(4,12,20,.58);backdrop-filter:blur(14px);border-radius:999px;padding:9px 13px;font-size:11px;color:#c9d8e5;white-space:nowrap}

/* App shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#071421 0,#07111c 66%,#050d16 100%);border-right:1px solid #152b3f;display:flex;flex-direction:column;padding:18px 14px;z-index:30}.side-brand{display:flex;align-items:center;gap:10px;padding:5px 8px 22px}.side-brand .logo-mark{width:30px;height:30px;border-width:2px}.side-brand .brand-type{font-size:20px}.brand-sub{font-size:8px;color:#6d8499;letter-spacing:.08em;margin-top:2px}.nav{display:grid;gap:4px;overflow:auto;padding-right:2px}.nav-section{font-size:9px;letter-spacing:.13em;color:#49647d;text-transform:uppercase;font-weight:800;padding:14px 11px 6px}.nav-btn{width:100%;border:0;background:transparent;color:#859bb0;border-radius:10px;display:flex;align-items:center;gap:11px;padding:10px 11px;cursor:pointer;text-align:left;font-size:12px;font-weight:650;transition:.17s;position:relative}.nav-btn:hover{color:#dcecff;background:#0b1d2d}.nav-btn.active{color:#f3f9ff;background:linear-gradient(90deg,#0e3152,#0b2137);box-shadow:inset 0 0 0 1px rgba(51,129,203,.17)}.nav-btn.active:before{content:"";position:absolute;left:-14px;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--blue);box-shadow:0 0 10px rgba(45,147,255,.7)}.nav-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;flex:0 0 auto}.side-user{margin-top:auto;border-top:1px solid #142a3e;padding:15px 8px 4px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#0b2f51,#0b79e7);display:grid;place-items:center;border:1px solid #2c6ea8;font-size:11px;font-weight:850}.side-user strong{display:block;font-size:11px}.side-user small{display:block;color:#668097;font-size:9px;margin-top:2px}.main-shell{min-width:0}.topbar{height:68px;position:sticky;top:0;z-index:20;background:rgba(6,15,25,.88);backdrop-filter:blur(18px);border-bottom:1px solid #14283b;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.crumbs{display:flex;align-items:center;gap:9px;font-size:12px;color:#7790a6}.crumbs strong{color:#dce9f6}.top-actions{display:flex;align-items:center;gap:10px}.status-pill{display:flex;align-items:center;gap:8px;border:1px solid #193349;background:#091824;border-radius:999px;padding:8px 11px;font-size:10px;color:#a2b5c6}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(69,223,139,.75)}.icon-btn{width:34px;height:34px;border:1px solid #1a3348;border-radius:9px;background:#091724;display:grid;place-items:center;cursor:pointer;color:#829bb0}.icon-btn:hover{border-color:#2a5475;color:#fff}.icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-menu{display:none}.content{padding:22px 24px 40px;max-width:1680px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.page-head h1{font-size:22px;letter-spacing:-.035em;margin:0}.page-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Shared controls */
.btn{border:1px solid #21425d;background:#0c2032;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.17s}.btn:hover{border-color:#36719d;transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#218cff,#0870e5);border-color:#3aa1ff;box-shadow:0 8px 22px rgba(17,117,226,.18)}.btn.success{background:#0d3326;border-color:#1d7651;color:#8ff0bd}.btn.danger{background:#32151d;border-color:#7d3343;color:#ff9aaa}.btn.ghost{background:transparent}.btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:850;letter-spacing:.04em;background:#102436;color:#8ca5ba;border:1px solid #1b3953}.tag.green{color:#74e9a8;background:#0c2b20;border-color:#18563d}.tag.blue{color:#75bcff;background:#0a2541;border-color:#154b7a}.tag.amber{color:#ffd284;background:#30230d;border-color:#695021}.tag.red{color:#ff96a1;background:#351219;border-color:#732936}.tag.purple{color:#b7a9ff;background:#211b40;border-color:#473a7e}.card{background:linear-gradient(180deg,rgba(11,27,44,.98),rgba(8,20,33,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 36px rgba(0,0,0,.18);min-width:0}.card-head{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #152d42}.card-title{font-size:10px;font-weight:850;letter-spacing:.075em;color:#c0d1df;text-transform:uppercase}.card-sub{font-size:9px;color:#57718a}.card-body{padding:14px}.kpi{font-size:25px;font-weight:880;letter-spacing:-.04em}.kpi small{font-size:10px;letter-spacing:0;font-weight:800;color:var(--green)}.muted{color:var(--muted)}.divider{height:1px;background:#163049;margin:12px 0}.empty{padding:34px;text-align:center;color:var(--muted)}.toast-stack{position:fixed;right:18px;top:82px;display:grid;gap:8px;z-index:100}.toast{width:min(360px,calc(100vw - 36px));background:#0d2134;border:1px solid #24465f;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:flex-start;animation:toastin .22s ease-out}.toast.success{border-color:#28674c}.toast.error{border-color:#74313d}.toast strong{font-size:11px;display:block}.toast p{font-size:10px;margin:3px 0 0;color:#94a9bb;line-height:1.45}@keyframes toastin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Dashboard */
.dashboard-grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(360px,1.22fr) minmax(270px,.85fr) minmax(250px,.78fr);gap:12px;align-items:stretch}.span-2{grid-column:span 2}.stream-card,.preview-card,.library-card,.feeds-card{min-height:260px}.stream-source{display:flex;align-items:center;justify-content:space-between;border:1px solid #1c3850;border-radius:8px;background:#081724;padding:10px 11px;margin-bottom:12px;font-size:10px}.stream-source strong{font-size:11px}.connected{color:var(--green);font-size:9px}.meter-row{display:grid;grid-template-columns:15px 1fr 38px;align-items:center;gap:7px;margin:7px 0}.meter-row>span{font-size:9px;color:#678199}.meter-track{height:6px;background:#0c2438;border-radius:999px;overflow:hidden;position:relative}.meter-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(0,0,0,.23) 12% 13%)}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#1cc667 0 72%,#e2b23e 82%,#e75b62 100%);width:72%;transition:width .16s}.meter-value{text-align:right;color:#8bf4b2;font-size:9px;font-weight:800}.mode-switch{margin-top:14px;border:1px solid #349cfc;border-radius:10px;background:linear-gradient(180deg,#1678e9,#0c5ec4);padding:12px;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 8px 22px rgba(14,103,218,.2)}.mode-switch.off{background:#0b1c2c;border-color:#25445d;box-shadow:none}.toggle-knob{width:35px;height:19px;border-radius:999px;background:rgba(255,255,255,.24);position:relative}.toggle-knob:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.2s}.mode-switch.off .toggle-knob:after{transform:translateX(16px)}.mode-copy strong{display:block;font-size:11px;letter-spacing:.02em}.mode-copy small{display:block;font-size:8px;opacity:.75;text-align:center}.stream-footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:9px;color:#668199}.preview-frame{position:relative;height:174px;overflow:hidden;background:radial-gradient(circle at 50% 58%,#173b63 0,#0a1a2d 36%,#06101b 78%);border-bottom:1px solid #173249}.preview-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(30,119,216,.32) 50%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(30,119,216,.18) 50%,transparent 52%);background-size:100% 100%,100% 100%}.studio-mic{position:absolute;left:50%;top:50%;width:48px;height:102px;border-radius:24px;background:linear-gradient(90deg,#131b23,#344656 50%,#121a21);transform:translate(-50%,-48%) rotate(62deg);box-shadow:0 12px 28px #0009}.studio-mic:before{content:"";position:absolute;inset:10px 8px 39px;border-radius:18px;background:repeating-linear-gradient(0deg,#637484 0 2px,#263643 2px 4px)}.studio-mic:after{content:"";position:absolute;width:95px;height:7px;background:#131d25;left:36px;bottom:15px;border-radius:99px;box-shadow:55px 0 0 #0d151d}.live-badge{position:absolute;top:10px;left:10px;background:#e82643;color:white;font-size:8px;font-weight:900;padding:4px 6px;border-radius:5px}.preview-controls{height:40px;padding:0 12px;display:flex;align-items:center;gap:10px;background:#091725}.preview-controls .progress{height:5px;background:#122c42;flex:1;border-radius:999px;overflow:hidden}.preview-controls .progress span{display:block;width:44%;height:100%;background:var(--green)}.preview-controls svg{width:14px;height:14px;stroke:#c6d7e4;fill:none;stroke-width:2}.preview-foot{display:flex;justify-content:space-between;padding:10px 13px;font-size:9px;color:#71899f}.preview-foot b{font-size:11px;color:white}.list-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #142c41}.list-row:last-child{border-bottom:0}.list-icon{width:28px;height:28px;border:1px solid #1d3b55;background:#0a1c2c;border-radius:7px;display:grid;place-items:center;color:#63b8ff}.list-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}.list-main{min-width:0;flex:1}.list-main strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-main small{font-size:8px;color:#657f96}.chev{color:#547086}.feed-row{padding:8px 0;border-bottom:1px solid #142c41}.feed-row:last-child{border-bottom:0}.feed-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.feed-top strong{font-size:10px}.feed-url{display:block;color:#4d8dc5;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-table .ep-row{display:grid;grid-template-columns:31px minmax(0,1fr) 52px 88px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #142c41}.episode-table .ep-row:last-child{border-bottom:0}.play{width:25px;height:25px;border-radius:50%;border:1px solid #225079;background:#0a2137;display:grid;place-items:center;color:#53aaff;cursor:pointer}.play svg{width:10px;height:10px;stroke:currentColor;fill:currentColor}.ep-title{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-meta{font-size:8px;color:#667f96;margin-top:2px}.duration{font-size:9px;color:#7f96aa}.chart-wrap{height:185px;position:relative;margin-top:5px}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 23%,rgba(40,72,99,.2) 23% 24%),repeating-linear-gradient(90deg,transparent 0 15%,rgba(40,72,99,.11) 15% 15.3%)}.chart-svg{position:absolute;inset:4px 0 20px;width:100%;height:calc(100% - 24px);overflow:visible}.chart-line{fill:none;stroke:#2e95ff;stroke-width:2.4;filter:drop-shadow(0 0 5px rgba(46,149,255,.28))}.chart-area{fill:url(#areaFill)}.chart-dates{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:8px;color:#526d83}.analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #173049;margin:8px -14px -14px}.analytics-stats div{padding:11px;text-align:center;border-right:1px solid #173049}.analytics-stats div:last-child{border-right:0}.analytics-stats small{display:block;color:#657e94;font-size:8px}.analytics-stats strong{font-size:11px}.logs{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px;line-height:1.55;max-height:85px;overflow:auto}.logs div{color:#a7b7c5}.logs time{color:#3ddd83;margin-right:7px}.logs .warn time{color:#ffbd4a}

/* Other pages */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric-card{padding:15px}.metric-label{font-size:9px;color:#728ba1;margin-bottom:8px}.metric-value{font-size:24px;font-weight:860;letter-spacing:-.04em}.metric-delta{font-size:9px;color:var(--green);margin-left:6px}.two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:12px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-console{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:12px}.live-stage{min-height:410px}.large-video{height:315px;background:radial-gradient(circle at 50% 50%,#11395e,#071421 58%,#050b13);position:relative;overflow:hidden}.large-video:after{content:"LIVE VIDEO PREVIEW";position:absolute;inset:auto 0 20px;text-align:center;color:#385d79;font-size:10px;letter-spacing:.16em}.large-video .studio-mic{transform:translate(-50%,-50%) rotate(65deg) scale(1.3)}.large-video .live-badge{top:14px;left:14px}.studio-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.studio-actions .btn{min-height:48px;flex-direction:column;font-size:9px}.vu-bank{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.channel{background:#081723;border:1px solid #17344d;border-radius:12px;padding:10px;text-align:center}.channel-name{font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vertical-meter{height:130px;width:12px;border-radius:999px;background:#10283b;margin:12px auto;position:relative;overflow:hidden}.vertical-meter span{position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(0deg,#24c96a 0 70%,#f0b43e 83%,#e64f5b 100%);transition:height .17s}.fader{width:100%;accent-color:var(--blue)}.channel-value{font-size:8px;color:#7f97aa;margin:6px 0}.channel-buttons{display:flex;justify-content:center;gap:4px}.mini{border:1px solid #24445d;background:#0c2131;border-radius:5px;padding:4px 5px;font-size:7px;cursor:pointer}.mini.active{background:#3a1620;border-color:#7c3241;color:#ff8997}.health-list{display:grid;gap:8px}.health-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #18354d;background:#091925;border-radius:10px;padding:10px}.health-item span{font-size:10px}.health-item small{display:block;color:#668097;margin-top:2px;font-size:8px}.health-led{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(69,223,139,.6)}.health-led.warn{background:var(--amber)}.health-led.down{background:var(--red)}
.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;color:#637f96;font-size:8px;text-transform:uppercase;letter-spacing:.07em;padding:10px;border-bottom:1px solid #1a344b}.data-table td{padding:11px 10px;border-bottom:1px solid #142c41;font-size:10px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#0a1b2b}.cover{width:36px;height:36px;border-radius:8px;background:linear-gradient(145deg,#0c60b5,#13263b);display:grid;place-items:center;font-weight:900;font-size:11px;color:#cbeaff;border:1px solid #21527a}.searchbar{display:flex;gap:8px}.searchbar input{min-width:220px;border:1px solid #1d3a53;background:#081722;border-radius:9px;padding:9px 11px;color:white;outline:none;font-size:10px}.upload-zone{border:1px dashed #2b5778;border-radius:13px;background:#081826;padding:28px;text-align:center;cursor:pointer;transition:.2s}.upload-zone:hover,.upload-zone.drag{border-color:var(--blue);background:#0a2034}.upload-zone strong{font-size:12px;display:block}.upload-zone p{font-size:9px;color:#6e879d}.upload-progress{height:6px;background:#102a40;border-radius:999px;overflow:hidden;margin-top:10px}.upload-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.2s}.file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.file-card{border:1px solid #17364f;background:#091826;border-radius:12px;overflow:hidden}.file-art{height:115px;background:linear-gradient(145deg,#0e355c,#0a1522);display:grid;place-items:center;color:#67b8ff}.file-art svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.4}.file-info{padding:10px}.file-info strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info small{font-size:8px;color:#6c8498}.soundboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cart{min-height:105px;border:1px solid #245477;background:linear-gradient(145deg,#0b2841,#0a1b2c);border-radius:12px;padding:12px;cursor:pointer;position:relative;overflow:hidden;text-align:left;transition:.15s}.cart:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-25px;background:rgba(50,151,255,.13)}.cart:hover{transform:translateY(-2px);border-color:#3a86b8}.cart.playing{box-shadow:0 0 0 2px rgba(45,147,255,.26),0 12px 30px rgba(0,0,0,.2)}.cart .cart-num{font-size:8px;color:#6c8aa1}.cart strong{display:block;font-size:11px;margin:13px 0 4px}.cart small{font-size:8px;color:#7791a8}.cart .hotkey{position:absolute;right:9px;bottom:9px;border:1px solid #31536b;background:#071421;border-radius:4px;padding:3px 5px;font-size:7px;color:#8db0ca}.cart.alt{border-color:#5a457e;background:linear-gradient(145deg,#241d3e,#12162a)}.cart.green{border-color:#30624d;background:linear-gradient(145deg,#0d3328,#091b19)}.cart.amber{border-color:#635127;background:linear-gradient(145deg,#34280f,#19180e)}.cart.red{border-color:#6e3441;background:linear-gradient(145deg,#361822,#1c1018)}.auto-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.control-tile{border:1px solid #1a3851;background:#091a29;border-radius:12px;padding:14px}.control-tile small{font-size:8px;color:#6f899f}.control-tile strong{display:block;font-size:13px;margin-top:6px}.switch{width:40px;height:22px;background:#143046;border-radius:999px;position:relative;cursor:pointer;border:1px solid #28506d}.switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#87a5b9;top:2px;left:3px;transition:.2s}.switch.on{background:#0b62bd;border-color:#228ef1}.switch.on:after{background:white;transform:translateX(17px)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-card{padding:15px}.settings-card h3{font-size:12px;margin:0 0 4px}.settings-card>p{font-size:9px;color:#71899d;margin:0 0 16px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service{border:1px solid #1b3a53;background:#091925;border-radius:12px;padding:13px}.service-top{display:flex;align-items:center;justify-content:space-between}.service h3{font-size:11px;margin:0}.service p{font-size:8px;color:#688297;margin:8px 0 10px;line-height:1.5}.service-meta{display:flex;justify-content:space-between;font-size:8px;color:#7d96a9}.feed-editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.feed-preview{border:1px solid #18364f;background:#071622;border-radius:12px;padding:14px}.xml-preview{font:9px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8db1ca;white-space:pre-wrap;max-height:340px;overflow:auto}.xml-tag{color:#55a8ff}.xml-value{color:#79dfa6}.timeline{display:grid;gap:8px}.timeline-item{display:grid;grid-template-columns:65px 4px 1fr;gap:12px;min-height:54px}.timeline-time{font-size:9px;color:#728a9f;text-align:right;padding-top:4px}.timeline-line{width:4px;background:#18384f;border-radius:99px;position:relative}.timeline-line:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#2c8ff2;left:-3px;top:4px;border:2px solid #0a1926}.timeline-copy strong{font-size:10px;display:block}.timeline-copy small{font-size:8px;color:#667f93}

/* Drawer / mobile */
.scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:28}.scrim.show{display:block}.modal{position:fixed;inset:0;background:rgba(1,5,9,.72);z-index:90;display:grid;place-items:center;padding:18px}.modal-card{width:min(620px,100%);background:#0a1928;border:1px solid #21435d;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.modal-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #19344c}.modal-body{padding:16px}.modal-footer{padding:12px 16px;border-top:1px solid #19344c;display:flex;justify-content:flex-end;gap:8px}

@media(max-width:1300px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feeds-card{grid-column:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.file-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){:root{--sidebar:210px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-card,.feeds-card{min-height:auto}.span-2{grid-column:span 2}.studio-console,.two-col,.feed-editor{grid-template-columns:1fr}.three-col,.service-grid{grid-template-columns:repeat(2,1fr)}.soundboard{grid-template-columns:repeat(3,1fr)}.file-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translateX(-105%);transition:.22s;box-shadow:20px 0 60px #0008}.sidebar.open{transform:none}.mobile-menu{display:grid}.topbar{padding:0 14px;height:60px}.status-pill .status-copy{display:none}.content{padding:16px 13px 34px}.page-head{align-items:flex-start;flex-direction:column}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col,.service-grid{grid-template-columns:1fr}.soundboard{grid-template-columns:repeat(2,minmax(0,1fr))}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-actions{grid-template-columns:repeat(2,1fr)}.vu-bank{grid-template-columns:repeat(3,1fr)}.episode-table .ep-row{grid-template-columns:31px minmax(0,1fr) 70px}.episode-table .duration{display:none}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.visual-copy{left:5%;right:5%}.login-panel{padding:32px 20px}.login-card{padding:18px}.top-actions .server-time{display:none}.data-table{min-width:650px}.table-scroll{overflow-x:auto}.auto-controls{grid-template-columns:1fr}}
@media(max-width:460px){.metric-grid{grid-template-columns:1fr 1fr}.soundboard,.file-grid{grid-template-columns:1fr}.vu-bank{grid-template-columns:repeat(2,1fr)}.page-actions{width:100%}.page-actions .btn{flex:1}.searchbar{width:100%}.searchbar input{min-width:0;flex:1}.login-panel h1{font-size:36px}}

/* v0.4 Broadcast Engine Bridge */
.btn.warning{background:#32250e;border-color:#7b5d25;color:#ffd68b}.tiny-link{padding:4px 7px;font-size:8px;min-height:auto}.engine-ribbon{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;border:1px solid #1e4d73;border-radius:14px;background:linear-gradient(90deg,rgba(8,38,67,.96),rgba(8,24,41,.92));box-shadow:0 14px 35px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.02)}.engine-ribbon strong{font-size:11px;display:block}.engine-ribbon small{display:block;color:#6f93ae;font-size:8px;margin-top:2px}.engine-orb{width:12px;height:12px;border-radius:50%;background:#49e697;box-shadow:0 0 0 5px rgba(73,230,151,.08),0 0 22px rgba(73,230,151,.5);animation:enginepulse 1.8s ease-in-out infinite}@keyframes enginepulse{50%{box-shadow:0 0 0 8px rgba(73,230,151,.02),0 0 30px rgba(73,230,151,.72)}}.real-preview:before,.engine-video:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(71,171,255,.08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(71,171,255,.05) 50%,transparent 50.2%);background-size:45px 45px;opacity:.34}.preview-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#59d5ff,transparent);box-shadow:0 0 14px #59d5ff;animation:scan 4s linear infinite;opacity:.45}@keyframes scan{from{top:10%}to{top:90%}}.live-progress span{animation:liveprog 2.2s ease-in-out infinite}@keyframes liveprog{0%,100%{width:24%}50%{width:82%}}.studio-status-strip{display:grid;grid-template-columns:1.8fr repeat(5,minmax(90px,1fr));gap:1px;margin-bottom:12px;border:1px solid #1a3c58;border-radius:14px;overflow:hidden;background:#17354d}.studio-status-strip>div{min-height:62px;background:linear-gradient(180deg,#0b1e30,#081724);padding:11px 13px;display:flex;flex-direction:column;justify-content:center}.studio-status-strip>div:first-child{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px}.studio-status-strip>div:first-child .engine-orb{grid-row:1/3;align-self:center}.studio-status-strip strong{font-size:10px}.studio-status-strip small{font-size:7px;letter-spacing:.08em;color:#68849b;margin-bottom:4px}.engine-wave{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);height:74px;width:52%;display:flex;align-items:center;justify-content:center;gap:8px;opacity:.75}.engine-wave i{display:block;width:4px;border-radius:999px;background:linear-gradient(180deg,#52dbff,#2788ff);box-shadow:0 0 12px rgba(49,148,255,.36);animation:wave 1.1s ease-in-out infinite}.engine-wave i:nth-child(1){height:25%;animation-delay:.1s}.engine-wave i:nth-child(2){height:58%;animation-delay:.25s}.engine-wave i:nth-child(3){height:82%;animation-delay:.4s}.engine-wave i:nth-child(4){height:45%;animation-delay:.15s}.engine-wave i:nth-child(5){height:95%;animation-delay:.5s}.engine-wave i:nth-child(6){height:62%;animation-delay:.32s}.engine-wave i:nth-child(7){height:36%;animation-delay:.2s}.engine-wave i:nth-child(8){height:70%;animation-delay:.42s}@keyframes wave{50%{transform:scaleY(.42);opacity:.5}}.master-meter-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.master-meter{display:grid;grid-template-columns:22px minmax(0,1fr) 78px;align-items:center;gap:10px}.master-meter>span{font-size:10px;font-weight:900;color:#9fc0d9}.master-meter>strong{text-align:right;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace}.meter-track.jumbo{height:17px;border-radius:5px;background:repeating-linear-gradient(90deg,#0b2235 0,#0b2235 calc(5% - 1px),#16354b calc(5% - 1px),#16354b 5%)}.meter-track.jumbo .meter-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#24c96a 0 72%,#f0b43e 84%,#e64f5b 96%);transition:width .12s}.destination-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #1b4769;background:linear-gradient(135deg,#0a2440,#081624);padding:18px;border-radius:16px;margin-bottom:12px}.destination-hero>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.destination-hero .engine-orb{grid-row:1/3}.destination-hero strong{font-size:13px}.destination-hero p{margin:4px 0 0;color:#7894aa;font-size:9px;line-height:1.6}.destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.destination-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:stretch;border:1px solid #1a3a54;background:linear-gradient(180deg,#0a1d2e,#081724);border-radius:14px;overflow:hidden;min-height:130px;box-shadow:0 12px 30px rgba(0,0,0,.14)}.destination-brand{display:grid;place-items:center;background:radial-gradient(circle at 45% 42%,#1760a1,#0a2137 64%);border-right:1px solid #1c405d}.destination-brand.rtmps{background:radial-gradient(circle at 45% 42%,#8d1f38,#351421 64%)}.destination-brand.srt{background:radial-gradient(circle at 45% 42%,#27644b,#102c23 64%)}.destination-brand span{font-size:11px;font-weight:950;letter-spacing:.08em}.destination-main{padding:14px}.destination-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.destination-title strong{font-size:12px}.destination-title small{display:block;color:#6e899f;font-size:8px;margin-top:3px}.destination-main code{display:block;margin:15px 0 10px;color:#83a8c3;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#07131e;border:1px solid #17344b;border-radius:7px;padding:7px}.destination-meta{display:flex;justify-content:space-between;color:#647f95;font-size:8px}.destination-actions{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px;border-left:1px solid #17354e}.empty-destinations{grid-column:1/-1;min-height:240px;border:1px dashed #24506f;border-radius:16px;display:grid;place-items:center;align-content:center;text-align:center;color:#728ba0;padding:30px}.empty-destinations svg{width:34px;height:34px;stroke:#4a89b7;fill:none;stroke-width:1.4;margin-bottom:10px}.empty-destinations strong{color:#c5d7e5;font-size:13px}.empty-destinations p{font-size:9px;max-width:430px}.destination-card.skeleton{display:block;padding:20px}.destination-card.skeleton div{height:12px;border-radius:999px;background:linear-gradient(90deg,#10263a,#18364e,#10263a);background-size:200% 100%;animation:skeleton 1.2s linear infinite;margin:13px 0}.destination-card.skeleton div:last-child{width:60%}@keyframes skeleton{to{background-position:-200% 0}}.security-note{display:flex;gap:8px;align-items:flex-start;border:1px solid #204766;background:#092038;border-radius:10px;padding:10px;color:#89a7bd;font-size:9px;line-height:1.5}.security-note svg{width:15px;height:15px;stroke:#5eb9ff;fill:none;stroke-width:1.8;flex:none}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto!important}
@media(max-width:1050px){.studio-status-strip{grid-template-columns:repeat(3,1fr)}.studio-status-strip>div:first-child{grid-column:span 2}.destination-grid{grid-template-columns:1fr}}
@media(max-width:760px){.engine-ribbon{grid-template-columns:auto 1fr}.engine-ribbon>.tag{grid-column:1/-1;justify-self:start}.studio-status-strip{grid-template-columns:1fr 1fr}.studio-status-strip>div:first-child{grid-column:1/-1}.master-meter-grid{grid-template-columns:1fr}.destination-hero{align-items:flex-start;flex-direction:column}.destination-card{grid-template-columns:58px minmax(0,1fr)}.destination-actions{grid-column:1/-1;border-left:0;border-top:1px solid #17354e;flex-direction:row;justify-content:flex-end}}
@media(max-width:460px){.studio-status-strip{grid-template-columns:1fr}.studio-status-strip>div:first-child{grid-column:auto}.destination-card{grid-template-columns:1fr}.destination-brand{min-height:56px;border-right:0;border-bottom:1px solid #1c405d}.destination-actions{justify-content:stretch}.destination-actions .btn{flex:1}.master-meter{grid-template-columns:18px minmax(0,1fr) 66px}}


/* v0.5 OA branding + guides */
.boot-logo{height:92px;width:auto;max-width:min(70vw,520px);filter:drop-shadow(0 8px 28px rgba(46,149,255,.2))}
.brand-logo-img{display:block;height:auto;max-width:100%}
.side-brand{align-items:flex-start}.side-brand .brand-logo-img{width:165px;max-width:100%}.login-brand .brand-logo-img{width:min(360px,80vw)}
.brand-tagline{font-size:10px;color:#88a2b8;letter-spacing:.18em;text-transform:uppercase;margin-top:8px;font-weight:800}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-card{padding:18px;display:grid;gap:10px}.guide-card h3{margin:0;font-size:15px;letter-spacing:-.02em}.guide-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.guide-actions{display:flex;gap:8px;flex-wrap:wrap}.guide-list{display:grid;gap:8px;margin-top:12px}.guide-bullet{display:flex;gap:10px;align-items:flex-start;color:#b9cad8;font-size:11px;line-height:1.6}.guide-bullet svg{width:15px;height:15px;stroke:#4fb7ff;fill:none;stroke-width:1.8;flex:none;margin-top:2px}.guide-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:12px}.guide-flow{padding:18px;font:700 10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;color:#9fc2dd;background:#07131f;border:1px solid #18354b;border-radius:12px}.guide-copy h4{margin:0 0 8px;font-size:13px}.guide-copy p,.guide-copy li{font-size:11px;line-height:1.7;color:#bed0de}.guide-copy code{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#91c8ff}.guide-copy ol,.guide-copy ul{margin:8px 0 0 18px;padding:0}.guide-note{border:1px solid #214a6a;background:#0a2236;border-radius:12px;padding:12px;color:#b5c7d5;font-size:10px;line-height:1.6}.brand-note{display:flex;gap:12px;align-items:center}.brand-note img{width:120px;height:auto;border-radius:10px;border:1px solid #1a3a54;background:#000}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1050px){.guide-hero,.support-grid,.guide-grid{grid-template-columns:1fr}}
@media(max-width:760px){.brand-tagline{font-size:9px}.guide-actions .btn{flex:1}}


/* v0.6 OA identity, mascot helper and editable guide centre */
.mascot-avatar{overflow:hidden;background:#02070b;border-color:#1761a8}.mascot-avatar img{width:100%;height:100%;object-fit:cover;object-position:52% 24%}
.oa-helper{height:38px;border:1px solid #1f4765;background:linear-gradient(180deg,#0b2236,#081725);border-radius:999px;padding:4px 10px 4px 4px;display:flex;align-items:center;gap:6px;color:#a8c8df;font-size:9px;font-weight:850;cursor:pointer}.oa-helper img{width:29px;height:29px;border-radius:50%;object-fit:cover;object-position:52% 24%;border:1px solid #276ea8}.oa-helper:hover{border-color:#3e8ac0;color:#fff;transform:translateY(-1px)}
.mascot-mini{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:52% 24%;border:1px solid #276ea8;box-shadow:0 0 24px rgba(45,147,255,.22)}
.guide-mascot-card{grid-template-columns:minmax(0,1fr) 155px;align-items:center;overflow:hidden}.guide-mascot-card>img{width:155px;height:155px;object-fit:cover;object-position:52% 24%;border-radius:18px;border:1px solid #1c4261;background:#000}.guide-mascot-card>div{display:grid;gap:10px}.guide-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.guide-loading{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;color:#9ab2c5}.guide-loading img{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:52% 24%;border:1px solid #2a6ca3}.empty-guides{grid-column:1/-1;min-height:250px}.branded-empty img{width:110px;height:110px;border-radius:50%;object-fit:cover;object-position:52% 24%;border:1px solid #2a6ca3;margin-bottom:10px}.guide-view-modal .modal-card.wide,.modal-card.wide{width:min(920px,calc(100vw - 30px));max-width:920px}.guide-view-body{max-height:70vh;overflow:auto}.guide-view-body h2{font-size:22px;margin:4px 0 16px}.guide-view-body h3{font-size:16px;margin:22px 0 8px}.guide-view-body h4{font-size:13px;margin:18px 0 8px}.guide-view-body p,.guide-view-body li{font-size:12px;line-height:1.75;color:#c0d1df}.guide-view-body code{font:750 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8ec7ff;background:#071522;border:1px solid #17364e;border-radius:5px;padding:2px 5px}.guide-code{white-space:pre-wrap;overflow:auto;border:1px solid #193b55;background:#06111c;border-radius:10px;padding:12px}.guide-copy ul,.guide-copy ol{padding-left:22px}.guide-copy .guide-note{margin:13px 0}.brand-logo-img{filter:drop-shadow(0 7px 18px rgba(35,131,241,.12))}
@media(max-width:760px){.oa-helper span{display:none}.oa-helper{padding-right:4px}.guide-mascot-card{grid-template-columns:1fr}.guide-mascot-card>img{width:120px;height:120px;justify-self:center}.mascot-mini{width:36px;height:36px}}