:root{--bg:#090909;--panel:#141414;--line:#3b301b;--gold:#ffc636;--text:#fff4da;--muted:#b2a48b;--ink:#080808}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:216px;padding:36px 28px;border-right:1px solid var(--line);background:#070707;display:flex;flex-direction:column}.logo{font:bold 58px/.95 Georgia,serif;letter-spacing:-4px;color:var(--gold)}.logo span{font:11px 'Segoe UI',sans-serif;letter-spacing:2px;margin-left:9px}.studio-label{font-size:9px;letter-spacing:3px;color:#98886e;margin:16px 0 51px}nav{display:grid;gap:8px}nav a{padding:13px 10px;border-radius:7px;color:var(--muted);display:flex;gap:12px;font-size:16px}nav a span{font-size:13px}nav a.active{color:var(--gold);background:#d1b5790d}nav a:hover{background:#d1b57912}.sidebar-bottom{margin-top:auto}.mini-sun{width:68px;height:68px;border:1px solid var(--gold);border-radius:50%;text-align:center;font:bold italic 48px/58px Georgia,serif;color:var(--gold);box-shadow:0 0 0 7px #d1b5790b}.sidebar-bottom p{font-size:17px;color:#cdb794;margin:23px 0}.sidebar-bottom>span{font-size:8px;letter-spacing:2px;color:#94846b}main{margin-left:216px;padding:35px 42px 143px;max-width:2000px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}h1{font-weight:500;font-size:28px;letter-spacing:-.7px;margin:7px 0 0}h2{font-size:22px;font-weight:500;letter-spacing:-.3px;margin:5px 0 0}.top-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:7px;white-space:nowrap;border:1px solid transparent;font-size:12px;font-weight:600;transition:background .15s}.button.primary{background:var(--gold);color:var(--ink)}.button.primary:hover{background:#f3d699}.button.ghost{border-color:var(--line);color:#e1c9a3;background:transparent}.button.danger{background:#ae5749;color:white}.connection{font-size:10px;color:var(--muted);margin-right:9px}.connection:before{content:'';display:inline-block;border-radius:50%;width:6px;height:6px;margin-right:8px;background:var(--gold)}.broadcast{display:flex;gap:26px;align-items:center;background:radial-gradient(ellipse at 100% 0,#675c4b25,transparent 65%),#111111;border:1px solid #5b5142;border-radius:13px;padding:29px;margin-bottom:29px}.broadcast-art{position:relative;width:139px;height:139px;flex-shrink:0;border-radius:50%;background:conic-gradient(#d5b174,#f3d398,#b49453,#d5b174);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #d1b5790a}.broadcast-art>span{font:bold italic 75px/1 Georgia,serif;color:#373128;border:1px solid #6c60273a;width:113px;height:113px;border-radius:50%;text-align:center;padding-top:6px}.broadcast-art img{position:absolute;inset:15px;width:109px;height:109px;object-fit:cover;border-radius:50%}.broadcast-copy{flex:1;min-width:0}.broadcast-copy h2{font-size:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.broadcast-copy p{color:#cbb593;margin:5px 0 0;font-size:14px}.broadcast-copy .eyebrow{color:var(--gold);display:flex;align-items:center;gap:7px;margin-bottom:10px}.broadcast-copy i{height:5px;width:5px;border-radius:50%;background:var(--gold)}.broadcast-copy small{display:block;font-size:10px;color:#b09d7f}.mini-progress{height:2px;max-width:450px;background:#c3ae8d25;margin:16px 0 12px}.mini-progress i{height:2px;background:var(--gold);display:block;width:0;transition:width .8s linear}.broadcast-meta{border-left:1px solid #8b7c644a;padding-left:30px;width:200px}.broadcast-meta strong{font-size:48px;line-height:1.1;display:block;color:var(--gold);font-weight:400}.broadcast-meta span{display:block;font-size:8px;letter-spacing:1.4px;color:#ae9b7e;margin:9px 0}.broadcast-meta a{font-size:11px;color:var(--gold)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:25px;align-items:start}.panel{border:1px solid var(--line);border-radius:12px;background:#111111;padding:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.badge{font-size:11px;vertical-align:middle;margin-left:8px;padding:3px 7px;background:#d1b57912;border:1px solid #d1b57920;border-radius:5px;color:var(--gold)}.text-button{color:var(--gold);border:0;background:transparent;padding:5px;font-size:11px}.text-button:hover{text-decoration:underline}.dropzone{border:1px dashed #8a7b6475;border-radius:9px;background:#3933291f;padding:26px;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:pointer}.dropzone.dragging{background:#b9a56625;border-color:var(--gold)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone:focus-within{outline:2px solid var(--gold);outline-offset:3px}.upload-symbol{font:30px/1 Georgia,serif;color:var(--gold);margin-bottom:12px}.dropzone strong{font-size:14px;font-weight:500}.dropzone>span:not(.upload-symbol){color:var(--muted);font-size:12px;margin-top:4px}.dropzone small{font-size:8px;letter-spacing:.6px;color:#9f8e73;margin-top:15px}.library-toolbar{display:flex;gap:12px;margin-top:21px;margin-bottom:24px}.search{display:flex;gap:10px;align-items:center;background:#080808;border:1px solid var(--line);padding:8px 12px;border-radius:6px;flex:1}.search>span{font-size:20px;color:var(--muted)}.search input{width:100%;background:none;border:0;color:var(--text);outline:0;font-size:11px}select{background:#141414;color:#dcc49f;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:11px}input::placeholder{color:#908168}.table-head{font-size:8px;letter-spacing:1px;color:#96866d;display:grid;grid-template-columns:1fr 58px 133px;padding:0 0 10px;border-bottom:1px solid var(--line)}.table-head span:last-child{text-align:right}.track-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 133px;align-items:center;border-bottom:1px solid #3b301b75;padding:14px 0;gap:5px}.track-row:last-child{border:0}.row-track{display:flex;gap:11px;align-items:center;min-width:0}.thumbnail{width:37px;height:37px;border:1px solid #ddc28a30;border-radius:6px;background:#cfb87a10;display:flex;align-items:center;justify-content:center;font:italic 22px Georgia,serif;color:var(--gold);flex-shrink:0;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover}.row-copy{min-width:0}.row-copy strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;font-weight:500}.row-copy>span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;color:var(--muted);margin-top:3px}.type-label{font-size:7px;letter-spacing:1px;color:var(--gold);margin-left:7px}.row-duration{font:10px Consolas,monospace;color:#b8a485}.row-actions{display:flex;gap:5px;justify-content:flex-end}.icon-button{background:transparent;color:var(--muted);border:1px solid #534a3c;border-radius:5px;width:27px;height:27px;font-size:12px}.icon-button:hover{color:var(--gold);border-color:var(--gold)}.icon-button.add{width:34px;color:var(--gold);background:#d1b5790b}.empty{padding:27px 15px;text-align:center;color:var(--muted);font-size:12px}.empty strong{font-weight:500;color:#e0c8a2;display:block;margin-bottom:7px}.sources{margin-top:24px}.sources p{font-size:12px;color:var(--muted);max-width:610px}.source-tag{font-size:8px;letter-spacing:1px;color:var(--gold);padding:5px 7px;border:1px solid #ddc28a30;border-radius:5px}.sources form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.sources form>label:first-child{grid-column:1/-1}label{font-size:11px;color:var(--muted)}.sources input,dialog input{display:block;margin-top:7px;width:100%;background:#090909;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:11px;font-size:12px}.sources form button{align-self:end;justify-self:end}.service-note{margin-top:23px;border-top:1px solid var(--line);padding-top:17px;display:flex;gap:10px;align-items:flex-start;font-size:10px;color:var(--muted)}.service-note b{color:#dfc7a1;white-space:nowrap;font-weight:500}.service-note a{color:var(--gold);white-space:nowrap}.queue-panel{position:sticky;top:20px}.queue-intro{font-size:11px;color:var(--muted);margin-top:-3px;line-height:1.8}.queue-item{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #3b301b80}.queue-item.current{background:#d1b5790b;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:6px}.queue-number{color:#93836a;font:11px Consolas,monospace;min-width:18px}.queue-item.current .queue-number{color:var(--gold)}.queue-item .row-copy{flex:1;cursor:pointer}.queue-item .row-copy:hover strong{color:var(--gold)}.queue-buttons{display:flex;gap:3px}.queue-buttons button{width:22px;height:24px;font-size:9px}.queue-settings{display:grid;gap:16px;margin-top:23px}.toggle{font-size:11px;letter-spacing:.1px;color:var(--muted);background:#080808;border:1px solid var(--line);border-radius:6px;padding:11px}.toggle.active{color:var(--gold);border-color:#d1b57970}.queue-settings label{display:flex;justify-content:space-between;align-items:center}.obs-help{margin-top:26px;padding:20px 15px;background:#27231c;border-radius:8px;border:1px solid #534a3c}.obs-help>span{font-size:8px;letter-spacing:2px;color:var(--gold);display:block}.obs-help code{font-size:11px;display:block;margin-top:10px;color:#ceb895;overflow-wrap:anywhere}.obs-help button{padding-left:0;margin-top:7px}.obs-help small{display:block;font-size:9px;color:#97876d;line-height:1.8;margin-top:13px}.transport{position:fixed;bottom:0;left:216px;right:0;background:#090909f5;border-top:1px solid #605646;backdrop-filter:blur(20px);display:flex;align-items:center;gap:25px;padding:22px 42px;z-index:10}.transport-title{width:195px;min-width:0}.transport-title strong{display:block;font-size:13px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.transport-title span{display:block;font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-buttons{display:flex;align-items:center;gap:10px}.transport-buttons>button{background:none;color:#cbb593;border:0;font-size:17px;width:29px;height:29px}.transport-buttons .play-button{border-radius:50%;background:var(--gold);color:var(--ink);width:43px;height:43px;font-size:16px}.seek-control{display:flex;gap:14px;align-items:center;flex:1;min-width:100px}.seek-control span{font:10px Consolas,monospace;color:var(--muted)}input[type=range]{accent-color:var(--gold);height:4px;cursor:pointer;min-width:0}.seek-control input{width:100%}.volume-control{display:flex;gap:11px;align-items:center;font-size:9px;color:var(--muted)}.volume-control input{width:95px}.volume-control span{width:28px;font:9px Consolas,monospace}#toast{position:fixed;right:28px;bottom:115px;max-width:500px;background:#ffc636;color:#090909;border:1px solid #f3d699;border-radius:9px;padding:15px 21px;box-shadow:0 10px 50px #1b181366;z-index:30;font-size:13px}#toast.error{background:#9e5549;color:#fff1df;border-color:#d29b7d}#upload-progress{margin-top:10px;font-size:11px;color:var(--gold)}dialog{border:1px solid #726653;background:#111111;color:var(--text);border-radius:12px;width:430px;padding:28px}dialog::backdrop{background:#191612aa;backdrop-filter:blur(5px)}dialog h2{margin-bottom:20px}dialog label{display:block;margin-top:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}dialog p{font-size:13px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 400px}.panel{padding:29px}.track-row{padding:17px 0}}@media(max-width:1200px){.sidebar{width:170px;padding:30px 20px}main{margin-left:170px;padding:25px 24px 155px}.transport{left:170px;padding:20px 24px;gap:16px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.panel{padding:19px}.connection{display:none}.top-actions{gap:8px}.broadcast-meta{display:none}.transport-title{width:130px}.volume-control{font-size:0}.volume-control input{width:70px}}@media(max-width:950px){.sidebar{display:none}main{margin-left:0}.transport{left:0}.workspace{grid-template-columns:minmax(0,1fr) 300px}.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.source-tag{display:none}.service-note{flex-wrap:wrap}.table-head,.track-row{grid-template-columns:minmax(0,1fr) 40px 120px}.row-actions{gap:3px}}@media(max-width:700px){main{padding:22px 16px 180px}.topbar{display:block}.top-actions{margin-top:20px;justify-content:flex-start}.workspace{display:flex;flex-direction:column}.library-column,.queue-panel{width:100%}.queue-panel{position:static}.broadcast{padding:20px;gap:18px}.broadcast-art{width:80px;height:80px}.broadcast-art>span{width:64px;height:64px;font-size:48px}.broadcast-art img{inset:8px;width:64px;height:64px}.broadcast-copy h2{font-size:20px}.broadcast-copy p{font-size:12px}.transport{padding:14px 16px;flex-wrap:wrap;gap:12px}.transport-title{width:calc(100% - 180px)}.seek-control{flex-basis:100%;order:3}.volume-control{margin-left:auto}.volume-control input{width:60px}.volume-control span{display:none}.sources form{grid-template-columns:1fr}.sources form button{justify-self:stretch}.library-toolbar{flex-wrap:wrap}.search{flex-basis:100%}.table-head,.track-row{grid-template-columns:minmax(0,1fr) 35px 118px}.dropzone{padding:20px}.dropzone small{font-size:7px}.section-heading{gap:6px}.text-button{font-size:10px}h2{font-size:20px}.thumbnail{width:30px;height:30px}.row-track{gap:7px}.row-copy strong{font-size:11px}.type-label{display:none}}
.logo{font-family:Bahnschrift,'Arial Black',sans-serif;font-weight:900;letter-spacing:-3px;font-size:43px}.brand-image{object-fit:contain;mix-blend-mode:screen}.sidebar-bottom .brand-image{width:115px;height:115px;margin-left:-12px}.broadcast-art{background:#000;border-radius:14px;box-shadow:0 0 30px #ffaa0018}.broadcast-art .brand-image{inset:0;width:100%;height:100%;border-radius:14px}.broadcast{border-color:#ffb00038;background:radial-gradient(ellipse at 95% 0,#ffb0000c,transparent 70%),#101010}.broadcast-copy p,.button.ghost,select{color:#d3c6ab}.panel>p,.panel>small{color:var(--muted)}.studio-label,.sidebar-bottom>span,.table-head,.dropzone small,.queue-number{color:#a39679}.dropzone{background:#ffb00003;border-color:#b89a4250}.icon-button{border-color:#5c4923}.sidebar-bottom p,.empty strong{color:#d3c6ab}.panel input:not([type=range]):not([type=checkbox]):not([type=file]),.access-card input{background:#080808;border:1px solid var(--line);color:var(--text);padding:12px;border-radius:7px;max-width:100%;font-size:13px}.panel input::placeholder,.access-card input::placeholder{color:#8b806a}.vps-panel{margin-bottom:24px;background:linear-gradient(120deg,#ffb00008,transparent 50%),#111}.stream-form{display:grid;grid-template-columns:1fr 2fr 1.5fr auto;gap:12px;align-items:end;margin:22px 0}.stream-form label{display:grid;gap:7px}.stream-form input{width:100%}.stream-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.request-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.request-row>div{flex:1;min-width:0}.request-row strong{display:block;overflow-wrap:anywhere}.request-row p{margin:4px 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.request-row small{color:var(--gold)}#invites>div{display:flex;gap:16px;align-items:center;padding:8px 0;color:var(--muted)}#invites button{border:1px solid var(--line);background:#161616;color:var(--muted);padding:5px 10px;border-radius:5px}#invite-url{width:100%;margin-top:15px;font-family:Consolas,monospace}#host-name{margin-right:12px}#hosts input[type=range]{max-width:150px}.sc-track{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:13px;color:var(--text)}.sc-track:hover{color:var(--gold);background:#ffb00005}#sc-shuffle{margin:18px 0}#sc-shuffle.active{border-color:var(--gold);color:var(--gold)}.access-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px;background:radial-gradient(ellipse at 50% 15%,#ffae0010,transparent 55%),#060606}.access-card{width:440px;max-width:100%;padding:30px 40px;border:1px solid #ffb00025;background:#0d0d0d;border-radius:18px;box-shadow:0 0 100px #ffb00009}.access-logo{width:190px;height:190px;object-fit:contain;display:block;margin:-10px auto 12px;mix-blend-mode:screen}.access-card h1{font:800 46px/1.1 Bahnschrift,'Segoe UI',sans-serif;letter-spacing:-2px;margin:15px 0 25px}.access-card form{display:grid;gap:16px}.access-card label{display:grid;gap:7px}.access-card p{font-size:12px;color:var(--muted);line-height:1.8}.host-actions{display:flex;gap:12px;flex-wrap:wrap}.access-card .button{white-space:normal}.panel .queue-item strong{flex:1}.panel .section-heading{flex-wrap:wrap}body:before{content:'';position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffba21,transparent);z-index:10;box-shadow:0 0 20px #ffb00060}@media(max-width:1300px){.stream-form{grid-template-columns:1fr 1fr}.stream-form label:nth-child(2){grid-column:1/-1;grid-row:1}}@media(max-width:700px){.stream-form{grid-template-columns:1fr}.stream-form label:nth-child(2){grid-column:auto}.request-row{flex-wrap:wrap}.request-row>div{flex-basis:100%}.access-card{padding:25px}.access-card h1{font-size:38px}#host-name{width:100%;margin-bottom:12px}.queue-item{flex-wrap:wrap}}

.obs-help{background:#171309;border-color:#ffb00028}.broadcast-copy small{color:var(--muted)}
.host-accounts{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.host-accounts h3{font-size:18px;font-weight:500}.host-accounts>p{font-size:12px;color:var(--muted)}.host-login-url{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.host-login-url span{color:var(--muted);font-size:12px}.host-login-url input{flex:1;min-width:200px}#invite-hours{margin-right:12px}#host-identity{color:var(--gold);font-size:15px}
/* Operator console: compact broadcast strip, warm metal accents, readable control surfaces. */
.operator{--text:#f5f1e6;--muted:#a7abb1;--line:#303237;--gold:#edc45b;--ink:#101113;background:#101113;font-family:'Segoe UI',Arial,sans-serif}
.operator:before{display:none}.operator .sidebar{width:190px;padding:25px 20px;background:#141518;border-right:1px solid var(--line)}.operator .sidebar nav{display:grid;gap:5px}.operator .sidebar nav a{padding:11px 12px;color:var(--muted);font-size:14px;border-radius:7px}.operator .sidebar nav a.active{background:#edc45b15;color:var(--gold)}.operator .sidebar-bottom{position:static;margin-top:32px}.operator .sidebar-bottom .brand-image{width:85px;height:85px}.operator main{margin-left:190px;padding:0 28px 40px;max-width:1900px}.operator .global-strip{position:sticky;top:0;z-index:8;background:#101113;min-height:70px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);margin-bottom:26px}.operator .global-strip strong{font-size:12px;white-space:nowrap}.operator #global-track{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--muted)}.operator #global-targets{font:11px Consolas,monospace;color:var(--muted)}.operator .connection{display:inline;font-size:11px}.operator .connection.online{color:#94c9a7}.operator .page-heading{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:20px 0}.operator h1{font:600 30px/1.15 Bahnschrift,'Segoe UI',sans-serif;letter-spacing:-.8px}.operator h2{font-size:18px;margin:0}.operator h3{font-size:16px}.operator .eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.operator .panel{background:#17191c;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:18px}.operator .panel>p,.operator .panel>small{line-height:1.6}.operator .onair-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px}.operator .onair-main,.operator .onair-side{min-width:0}.operator .broadcast{background:#17191c;padding:22px;margin-bottom:0;border:1px solid var(--line);border-radius:10px 10px 0 0;gap:20px}.operator .broadcast-art{width:108px;height:108px;flex-shrink:0;box-shadow:none}.operator .broadcast-copy{min-width:0}.operator .broadcast-copy h2{font-size:25px;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.5px;margin-top:12px}.operator .broadcast-copy p{font-size:14px;color:var(--muted)}.operator #player-message{display:block;font-size:11px;margin-top:10px}.operator .transport{position:static;background:#1c1e22;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;margin-bottom:18px;padding:15px;display:flex;flex-wrap:wrap;gap:18px;box-shadow:none}.operator .transport-title{display:none}.operator .transport-buttons{gap:14px}.operator .transport-buttons>button{width:35px;height:35px}.operator .seek-control{flex:1;min-width:140px}.operator .volume-control{width:100%;font-size:12px;display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:15px}.operator .volume-control input{flex:1;max-width:none;width:auto;height:18px}.operator .volume-control span{font-size:12px;width:38px;display:inline}.operator input[type=search],.operator .quick-add>input,.operator #queue-search{background:#101113;border:1px solid var(--line);border-radius:6px;padding:12px;color:var(--text);width:100%}.operator .quick-add>input{margin-top:12px}.operator .quick-row,.operator .upcoming-row,.operator .destination-tile{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.operator .quick-row>div,.operator .upcoming-row>div,.operator .destination-tile>div{flex:1;min-width:0}.operator .quick-row strong,.operator .upcoming-row strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator .quick-row small,.operator .upcoming-row small,.operator .destination-tile small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.operator .button,.operator .icon-button,.operator .toggle{min-height:36px;font-size:12px;padding:8px 12px;border-radius:6px}.operator .button.ghost,.operator .toggle{background:#22252a;border:1px solid var(--line);color:var(--text)}.operator .danger{background:#341e20;color:#ffc0bc;border:1px solid #88433f}.operator .engine-buttons{display:flex;gap:10px;flex-wrap:wrap}.operator .engine-buttons .button{flex:1;white-space:normal}.operator #stream-status,.operator #encoder-metrics{font-size:12px;line-height:1.5;color:var(--muted)}.operator .preview-links{display:grid;gap:12px}.operator .preview-links small,.operator .preview-caption{font-size:11px;color:var(--muted);line-height:1.6}.operator .section-heading{margin-bottom:10px;align-items:center;gap:12px}.operator #hosts .queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 0}.operator #hosts .host-signal{grid-column:1/-1;font-size:11px;color:var(--muted)}.operator #hosts input{width:100%;max-width:none;grid-column:1/-1;height:18px}.operator .queue-panel{position:static}.operator .queue-item{gap:12px}.operator .row-copy strong{font-size:13px}.operator .row-copy span{font-size:11px;color:var(--muted)}.operator .track-row{grid-template-columns:minmax(0,1fr) 45px 200px;padding:12px 0}.operator .row-actions{gap:5px}.operator .table-head{grid-template-columns:minmax(0,1fr) 45px 200px}.operator .icon-button{padding:6px;min-width:30px;background:#22252a;border-color:var(--line)}.operator .dropzone{background:#101113;border:1px dashed #675938;padding:22px}.operator .dropzone .upload-symbol{font-size:28px}.operator .dropzone strong{font-size:16px}.operator .sources form{grid-template-columns:2fr 1fr auto}.operator .obs-help{background:#101113;border-color:var(--line)}.operator .host-accounts{border-color:var(--line)}.operator .request-row audio{width:100%;max-width:320px;height:35px}.operator .request-row{flex-wrap:wrap}.operator .request-row>div{min-width:150px}.operator .auto-resume{display:block}.operator #scene-form{display:grid;gap:16px}.operator #scene-form label{display:flex;gap:12px;align-items:center}.operator #offline-banner{position:sticky;top:70px;z-index:9;background:#452924;color:#ffd0c2;border:1px solid #995244;border-radius:7px;padding:13px;margin:12px 0;font-size:13px}.operator .status-sending{color:#94c9a7}.operator .status-error,.operator .status-retrying{color:#ef9390}.operator .status-connecting{color:var(--gold)}.operator #command-dialog input{width:100%;padding:12px;background:#101113;color:var(--text);border:1px solid var(--line)}.operator #command-results{max-height:45vh;overflow:auto;margin:15px 0}.operator #command-results button{width:100%;display:block;text-align:left;margin:5px 0}.operator kbd{font:10px Consolas,monospace;color:var(--muted);margin-left:8px}.operator #toast{bottom:25px}.operator .library-cards .track-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:15px}.operator .library-cards .track-row{display:flex;flex-wrap:wrap;padding:15px;border:1px solid var(--line);border-radius:8px}.operator .library-cards .row-track{width:100%}.operator .library-cards .row-actions{margin-left:auto}.operator .library-cards .table-head{display:none}.operator .selected-row{background:#edc45b0a}.operator[data-density=compact] .panel{padding:14px}.operator[data-density=compact] .track-row,.operator[data-density=compact] .queue-item{padding:8px 0}.operator [data-page]{animation:console-in .15s ease-out}.operator .empty{padding:22px 10px;color:var(--muted)}.operator .library-toolbar{gap:10px}.operator .source-tag{color:var(--muted)}.operator .thumbnail{background:#282b30;color:var(--gold)}.operator input:focus-visible,.operator select:focus-visible,.operator button:focus-visible,.operator a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.operator button:disabled{opacity:.5;cursor:not-allowed}.operator #audit-log{font:12px/1.7 Consolas,monospace;overflow-wrap:anywhere}.operator .pagination{display:flex;gap:12px;align-items:center;margin-top:12px;color:var(--muted);font-size:12px}.operator .queue-item[draggable=true]{cursor:grab}.operator .queue-item.drag-over{border-top:2px solid var(--gold)}
@keyframes console-in{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.operator .sidebar{width:165px;padding:22px 12px}.operator main{margin-left:165px;padding:0 18px 30px}.operator .global-strip{gap:8px;flex-wrap:wrap;padding:12px 0}.operator #global-targets{display:none}.operator .onair-grid{grid-template-columns:minmax(0,1fr) 300px}.operator .broadcast-art{width:75px;height:75px}.operator .broadcast-copy h2{font-size:21px}.operator .sources form{grid-template-columns:1fr}.operator .stream-form{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.operator .sidebar{position:sticky;top:0;width:100%;padding:12px 16px;z-index:11;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}.operator .sidebar .logo{font-size:27px;margin:0;flex-shrink:0}.operator .studio-label,.operator .sidebar-bottom{display:none}.operator .sidebar nav{display:flex;overflow-x:auto;gap:5px;min-width:0}.operator .sidebar nav a{white-space:nowrap;font-size:12px;padding:8px}.operator main{margin-left:0}.operator .global-strip{position:static}.operator #offline-banner{top:65px}.operator .onair-grid{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr)}}
@media(max-width:700px){.operator main{padding:0 12px 30px}.operator .onair-grid{display:flex;flex-direction:column;gap:0}.operator .global-strip{gap:10px}.operator #global-track{flex-basis:100%;order:3}.operator .global-strip .connection{margin-left:auto}.operator #open-command{font-size:0;padding:6px}.operator #open-command kbd{font-size:10px}.operator .page-heading{align-items:flex-start;flex-direction:column;gap:10px}.operator h1{font-size:26px}.operator #signal-status{font-size:11px}.operator .panel{padding:16px}.operator .broadcast{padding:17px;gap:12px}.operator .broadcast-copy h2{font-size:20px}.operator .broadcast-art{width:66px;height:66px}.operator .transport{padding:12px;gap:12px}.operator .seek-control{order:2;flex-basis:100%}.operator .volume-control{order:3}.operator .track-row{grid-template-columns:minmax(0,1fr) 35px}.operator .row-actions{grid-column:1/-1;justify-content:flex-end;margin-top:8px}.operator .table-head{display:none}.operator .row-copy strong{font-size:13px}.operator .quick-row .button{padding:8px}.operator .stream-form{grid-template-columns:1fr}.operator .host-login-url input{min-width:0;width:100%;flex-basis:100%}.operator .request-row>div{flex-basis:100%}.operator dialog{max-width:calc(100vw - 24px);padding:20px}.operator .row-track{min-width:0}.operator .source-tag{display:none}.operator .queue-item .queue-buttons{margin-left:auto}.operator .service-note{display:flex;flex-wrap:wrap}.operator .sidebar nav a{min-height:36px}}
@media(prefers-reduced-motion:reduce){.operator [data-page]{animation:none}.operator *{scroll-behavior:auto;transition:none!important}}
@media(max-width:900px){.operator .sidebar{flex-direction:row;height:auto;bottom:auto;max-width:100vw}.operator .sidebar nav{flex:1;max-width:100%;margin:0;align-self:stretch}.operator .sidebar nav a{flex-shrink:0}}

.batch-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.selection-box{width:16px!important;height:16px;margin:0 8px 0 0!important;flex:none;accent-color:var(--gold,#edc45b)}.batch-bar span{font-size:12px;color:#c6c4ba}.queue-item{grid-template-columns:20px 28px minmax(0,1fr) auto}
.operator .dialog-actions{flex-wrap:wrap}.operator #scene-form{min-width:0}.operator #scene-form label{min-width:0;flex-wrap:wrap}.operator #scene-form select{max-width:100%}.operator.library-cards .track-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:15px}.operator.library-cards .track-row{display:flex;flex-wrap:wrap;padding:15px;border:1px solid var(--line);border-radius:8px}.operator.library-cards .row-track{width:100%}.operator.library-cards .row-actions{margin-left:auto;flex-wrap:wrap}.operator.library-cards .table-head{display:none}