:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f5f7fb;background:#080d14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;background:#080d14}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #8467ff;outline-offset:2px}.boot,.login-page{min-height:100vh;display:grid;place-items:center}.login-box{width:430px;border:1px solid #293348;background:#101722;padding:38px;border-radius:16px;box-shadow:0 28px 80px #0008}.logo{display:flex;align-items:center;gap:9px;font-weight:850;letter-spacing:-.03em}.logo svg{color:#886cff}.login-box h1{font-size:30px;margin:34px 0 8px}.login-box p,.page-heading p,.panel-title p{color:#8e9aad;line-height:1.55}.login-box form{display:grid;gap:16px;margin-top:24px}.login-box label{display:grid;gap:7px;font-size:13px;font-weight:700}.login-box input,.dialog input{height:48px;border:1px solid #354158;background:#0a1019;color:#fff;border-radius:8px;padding:0 13px}.login-box button,.dialog button,.page-heading button,.section-title button,.inline-create button,.start-live{height:44px;border:0;border-radius:8px;background:#7958f6;color:#fff;padding:0 18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.error,.banner-error{margin-top:16px;color:#ff8f99;display:flex;gap:8px;align-items:center}.error svg{width:18px}.events-page header{height:70px;border-bottom:1px solid #222c3b;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.events-page header>div:last-child{display:grid;text-align:right}.events-page header small{color:#778397}.events-content{max-width:1100px;margin:0 auto;padding:54px 24px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-heading h1{font-size:34px;margin:0 0 5px}.page-heading svg{width:18px}.event-list{border-top:1px solid #253044}.event-row{width:100%;display:grid;grid-template-columns:110px 1fr 24px;align-items:center;text-align:left;padding:20px 12px;border:0;border-bottom:1px solid #253044;background:transparent;color:#fff}.event-row:hover{background:#101722}.event-row>div{display:grid;gap:6px}.event-row small{display:flex;align-items:center;gap:6px;color:#8390a4}.event-row small svg{width:15px}.status{font-size:11px;text-transform:uppercase;font-weight:850;letter-spacing:.05em;color:#aeb8c7}.status.live{color:#ff5b68}.status.rehearsal{color:#9d86ff}.status.ended{color:#6e798a}.empty-list{text-align:center;padding:80px;color:#8290a4}.empty-list svg{width:38px;height:38px;color:#7359e9}.empty-list h2{color:#e9edf5}.overlay{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:20}.dialog{width:430px;background:#111823;border:1px solid #2d384c;border-radius:14px;padding:28px}.dialog h2{margin-top:0}.dialog label{display:grid;gap:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog .secondary{background:#222b39;color:#d1d7e2}.studio{min-height:100vh;display:grid;grid-template-columns:150px 1fr}.sidebar{border-right:1px solid #202a39;background:#0c121b;padding:18px 12px;display:flex;flex-direction:column;gap:7px}.sidebar .logo{padding:4px 10px 24px}.sidebar button{height:48px;border:0;border-radius:7px;background:transparent;color:#8996a9;display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}.sidebar button svg{width:19px}.sidebar button.active{background:#2d2751;color:#dcd5ff;border-left:3px solid #8061ff}.sidebar .back{margin-top:auto}.key-glyph{width:19px;font-size:20px;text-align:center}.studio-main{min-width:0}.studio-header{height:72px;border-bottom:1px solid #202a39;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.studio-header>div{display:flex;align-items:center;gap:20px}.studio-header span{font-size:12px;font-weight:800;text-transform:uppercase}.studio-header span i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.on-air{color:#ff5362}.on-air i{background:#ff3d4d}.rehearsal{color:#aa98ff}.rehearsal i{background:#886cff}.end-live{height:42px;border:0;border-radius:8px;background:#f13b4b;color:#fff;padding:0 18px;display:flex;align-items:center;gap:8px;font-weight:800}.end-live svg,.start-live svg{width:17px}.banner-error{margin:12px 24px;padding:12px;background:#461f27;border-radius:8px}.banner-error button{margin-left:auto;border:0;background:transparent;color:#fff}.monitors{padding:18px 24px;display:grid;grid-template-columns:minmax(320px,1fr) 120px minmax(320px,1fr);gap:14px;align-items:center}.monitors h3{font-size:14px;margin:0 0 9px}.monitors h3 em{float:right;font-style:normal;font-size:10px;background:#e63245;padding:4px 7px;border-radius:4px}.video-tile{position:relative;aspect-ratio:16/9;background:#03060a;border:1px solid #2a3549;border-radius:8px;overflow:hidden}.video-tile video{width:100%;height:100%;object-fit:contain;object-position:center}.video-tile.black-feed{background:#000}.video-tile>label{position:absolute;bottom:9px;left:9px;background:#050911d9;padding:5px 8px;border-radius:4px;font-size:12px}.video-empty{height:100%;display:grid;place-content:center;justify-items:center;color:#59667b;gap:8px}.take-control{display:grid;gap:10px;text-align:center}.take-control button{height:55px;border:0;border-radius:8px;background:#7958f6;color:#fff;font-weight:850}.take-control span{border:1px solid #303b4f;padding:9px;border-radius:7px;color:#929daf}.studio-grid{border-top:1px solid #222c3b;display:grid;grid-template-columns:minmax(620px,1.5fr) minmax(320px,.7fr)}.studio-grid>div{padding:20px 24px;border-right:1px solid #222c3b;border-bottom:1px solid #222c3b}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2,.audio h2{font-size:16px;margin:0 0 17px}.section-title button{height:34px;font-size:12px}.scene-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.scene-grid>button{min-width:0;background:transparent;border:1px solid #2b3648;color:#c7cfdb;border-radius:7px;padding:5px;text-align:left}.scene-grid>button.selected{border:2px solid #8062ff;background:#1b1930}.scene-grid>button>div{aspect-ratio:16/9;background:#131a25;border-radius:4px;display:grid;place-content:center;text-align:center;color:#758198}.scene-grid>button svg{width:24px}.scene-grid strong{display:block;padding:7px 3px 2px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guest-link{display:flex;margin-top:14px}.monitor-section{padding:18px 24px 24px;display:grid;gap:16px}.monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}.monitor-heading h3{margin:0;font-size:14px}.monitor-heading em{color:#ff6572;font-style:normal;font-size:11px}.monitor-heading small{color:#8e9aad;font-size:11px}.monitor-heading button{border:1px solid #403765;background:#262044;color:#f5f3ff;border-radius:7px;padding:8px 12px;font-weight:700}.monitor-heading button:disabled{opacity:.5}.monitor-heading button svg{width:16px;height:16px;vertical-align:middle}.source-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.source-strip>button{flex:0 0 170px;padding:0;border:2px solid transparent;background:transparent;border-radius:9px;color:inherit}.source-strip>button.selected{border-color:#8062ff}.source-strip .video-tile{width:100%}.program-monitor{max-width:420px;width:100%}.program-tracks,.program-slate{width:100%;aspect-ratio:16 / 9;border-radius:9px;overflow:hidden;background:#050911}.program-tracks{position:relative}.program-tracks>.video-tile{width:100%;height:100%}.program-tracks.mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.program-tracks.mosaic>.video-tile{min-width:0;min-height:0}.program-tracks.with-camera>.video-tile:nth-child(2){position:absolute;right:3%;bottom:5%;width:24%;height:auto}.program-slate{display:grid;place-items:center;text-align:center;color:#d8d1ed;font-size:24px}.program-slate img{width:100%;height:100%;object-fit:contain}.scene-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.scene-options label{display:grid;gap:6px;font-size:12px;color:#aeb8c8}.scene-options select,.scene-options input{max-width:320px;color:#fff;background:#111b2b;border:1px solid #354158;border-radius:6px;padding:8px}.guest-link input{flex:1;background:#0b1119;border:1px solid #2b3648;color:#aeb8c8;padding:10px}.guest-link button{border:0;background:#252e3c;color:#fff;display:flex;align-items:center;gap:6px}.guest-link svg{width:16px}.participant-row{display:grid;grid-template-columns:38px 1fr 24px 24px;gap:9px;align-items:center;padding:9px 0}.participant-avatar{width:36px;height:36px;border-radius:50%;background:#302a5c;display:grid;place-items:center;font-weight:800}.participant-row>div:nth-child(2){display:grid}.participant-row small{color:#7f8b9f}.participant-row small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#566174;margin-right:6px}.participant-row small i.connected{background:#42d293}.participant-row svg{width:17px}.audio{min-height:210px}.faders{display:flex;gap:26px}.fader{display:grid;justify-items:center;gap:10px}.fader strong{font-size:12px}.meter{height:75px;width:24px;display:flex;align-items:flex-end;gap:2px}.meter span{width:4px;background:#42d293;border-radius:2px}.meter span:nth-child(1){height:25%}.meter span:nth-child(2){height:50%}.meter span:nth-child(3){height:78%}.meter span:nth-child(4){height:38%}.fader button{width:36px;height:32px;border:0;border-radius:6px;background:#232d3d;color:#fff}.fader svg{width:17px}.hand-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #222c3b}.hand-row>svg{color:#f2bd43}.hand-row div{display:grid}.hand-row small{color:#7d899b}.hand-row button{border:0;background:#7659f4;color:#fff;border-radius:6px;padding:8px 11px;font-weight:700}.hand-row button.danger-button{background:#e33d4e}.small-empty{min-height:130px;display:grid;place-content:center;justify-items:center;gap:10px;color:#687589}.small-empty svg{width:25px}.management-panel{padding:30px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between}.panel-title h2{font-size:25px;margin:0}.inline-create{display:flex}.inline-create input{width:70px;border:1px solid #334058;background:#0a1018;color:#fff;padding:0 10px}.inline-create .label-input{width:190px}.inline-create button svg{width:17px}.codes-table{margin-top:28px;border-top:1px solid #293448}.table-head,.table-row{display:grid;grid-template-columns:1.3fr 1fr .7fr 1fr;align-items:center;padding:13px;border-bottom:1px solid #293448}.table-head{font-size:11px;color:#6f7c90;text-transform:uppercase;font-weight:800}.table-row code{color:#d5ccff;font-size:14px}.row-actions{display:flex;gap:5px}.row-actions button{width:32px;height:32px;border:0;border-radius:6px;background:#222b3a;color:#c6ceda}.row-actions button:disabled{opacity:.35}.row-actions svg{width:15px}.success{color:#43d398}.danger{color:#ff6572}@media(max-width:1300px){.scene-grid{grid-template-columns:repeat(3,1fr)}.studio-grid{grid-template-columns:1fr 340px}}.audio-elements{position:fixed;width:1px;height:1px;overflow:hidden;pointer-events:none}.host-chat,.settings-panel{margin:26px;padding:28px;border:1px solid #293448;border-radius:14px;background:#101722}.host-chat>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #293448}.host-chat h1,.settings-panel h1{margin:0 0 6px}.host-chat p,.settings-panel p{margin:0;color:#8e9aad}.host-chat>header>span{padding:7px 11px;border-radius:999px;background:#242036;color:#c4a9ff}.host-chat-list{display:grid}.host-chat-list article{display:grid;grid-template-columns:40px 1fr 38px;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid #293448}.host-chat-list article p{margin:5px 0;color:#e8ebf2}.host-chat-list article small{color:#8e9aad}.host-chat-list article button{border:0;background:transparent;color:#f27083}.host-chat-list article svg{width:18px}.settings-panel dl{display:grid;gap:0;margin:24px 0}.settings-panel dl div{display:grid;grid-template-columns:180px 1fr;padding:14px 0;border-bottom:1px solid #293448}.settings-panel dt{color:#8e9aad}.settings-panel dd{margin:0;font-family:ui-monospace,monospace}