:root{--bg: #0d0f14;--surface: #161922;--surface-2: #1e2230;--border: #2a2f3f;--text: #e8eaf0;--muted: #8b91a3;--accent: #f5b301;--rec: #e5484d;--ok: #3dd68c;--warn: #f2a33a;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h2{font-size:17px;margin:0 0 14px}h3{margin:0 0 10px;font-size:15px}code{background:var(--surface-2);padding:1px 6px;border-radius:4px}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 11px;font:inherit;width:100%}input[type=color]{width:44px;height:32px;padding:2px}input[type=checkbox]{width:auto}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:0}button,.button,.file-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 14px;font:inherit;font-weight:550;cursor:pointer;white-space:nowrap}button:hover:not(:disabled),.button:hover,.file-btn:hover{border-color:#4a5168;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#17130a;border-color:var(--accent)}button.rec,.button.rec{background:var(--rec);border-color:var(--rec);color:#fff}button.danger{background:#3a1719;border-color:#6b2428;color:#ffb4b6}button.ghost{background:transparent}button.small{padding:4px 9px;font-size:13px}button.off{background:#3a1719;border-color:#6b2428}.danger-text{color:#ff8b8f}.chip{padding:5px 10px;font-weight:400;font-size:13px;border-radius:999px;white-space:normal;text-align:left}label{display:grid;gap:5px;font-size:13px;color:var(--muted)}label.check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.inline-label{display:flex;align-items:center;gap:10px}.inline-label select{width:auto}.center{min-height:100%;display:grid;place-items:center;padding:24px}.page{max-width:1040px;margin:0 auto;padding:20px 16px 60px;display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.narrow{width:min(420px,100%);display:grid;gap:14px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form{display:grid;gap:12px;align-content:start;margin-bottom:14px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:#ff8b8f;margin:6px 0}.ok{color:var(--ok)}.warn{color:var(--warn)}.tip{background:var(--surface-2);border-radius:8px;padding:10px 12px;font-size:13px;margin:0}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px}.small-brand{font-size:15px;font-weight:600}.dot{width:12px;height:12px;border-radius:50%;background:var(--rec);box-shadow:0 0 0 3px #e5484d33;flex:none}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.new-episode input{flex:1}.list{display:grid;gap:8px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--text)}.list-item:hover{border-color:#4a5168;text-decoration:none}.list-item .title{font-weight:600}.pill{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}.pill.live{background:#3a1719;border-color:#6b2428;color:#ffb4b6}.pill.ok{color:var(--ok)}.pill.inline{justify-self:start;margin:0}.title-input{font-size:24px;font-weight:700;background:transparent;border-color:transparent;padding:4px 6px}.title-input:hover{border-color:var(--border)}.tracks{width:100%;border-collapse:collapse;font-size:14px}.tracks th{text-align:left;color:var(--muted);font-weight:500;font-size:12px}.tracks th,.tracks td{padding:7px 8px;border-bottom:1px solid var(--border)}.asset{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.layout-preview{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.lp-tile{position:absolute;background:linear-gradient(160deg,#3b4256,#262b3a);border-radius:3px}.lp-tile span{position:absolute;left:6%;bottom:7%;font-size:10px;padding:1px 5px;color:#111;font-weight:600;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-screen{position:absolute;background:#2b3245;color:var(--muted);display:grid;place-items:center;font-size:12px;border-radius:3px}.lp-logo{position:absolute;right:2.5%;top:4.4%;font-size:9px;padding:3px 6px;background:#fff2;border-radius:3px}.progress{position:relative;height:26px;background:var(--surface-2);border-radius:6px;overflow:hidden;margin-top:12px}.progress>div{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(var(--p, 0));background:color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .4s}.progress span{position:relative;padding:0 10px;font-size:13px;line-height:26px}video.final{width:100%;margin-top:14px;border-radius:8px;background:#000}.segments{max-height:420px;overflow:auto;display:grid;gap:4px;margin:12px 0;padding-right:6px}.segment{display:grid;grid-template-columns:56px 110px 1fr;gap:8px;align-items:start}.segment b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:8px}.segment>span{padding-top:8px}.segment textarea{padding:6px 8px;field-sizing:content}.lobby{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;width:min(980px,100%)}.lobby h2{font-size:20px;margin:2px 0 6px}.lobby-side{display:grid;gap:12px;align-content:start}.lobby-preview{position:relative}.lobby-preview video,.lobby-preview .placeholder{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:#000}.placeholder{display:grid;place-items:center;color:var(--muted);padding:16px;text-align:center;background:#000}.meter{height:6px;background:var(--surface-2);border-radius:3px;margin-top:8px;overflow:hidden}.meter div{height:100%;background:var(--ok);transform-origin:left;transform:scaleX(var(--p, 0));transition:transform .08s}.mirror{transform:scaleX(-1)}.studio{height:100%;display:grid;grid-template-rows:auto 1fr auto}.studio-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.rec-badge{background:var(--rec);color:#fff;font-weight:700;font-size:13px;padding:3px 10px;border-radius:6px;font-variant-numeric:tabular-nums;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.75}}.studio-body{display:grid;grid-template-columns:1fr 280px;min-height:0}.panel{border-left:1px solid var(--border);padding:14px;overflow:auto;display:grid;gap:10px;align-content:start}.person{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.stage{padding:16px;min-height:0;overflow:auto;display:grid;gap:12px}.stage-grid{grid-template-columns:1fr;align-content:center}.stage-grid.n2,.stage-grid.n3,.stage-grid.n4{grid-template-columns:1fr 1fr}.stage-grid.n5,.stage-grid.n6,.stage-grid.n7,.stage-grid.n8,.stage-grid.n9{grid-template-columns:repeat(3,1fr)}.stage-screen{grid-template-columns:1fr 240px}.side-col{display:grid;gap:10px;align-content:center}.tile,.screen-main{position:relative;background:#000;border-radius:10px;overflow:hidden}.tile{aspect-ratio:16 / 9}.stage-grid.n1 .tile{max-height:calc(100vh - 170px);margin:0 auto;width:100%}.tile video,.tile .placeholder{width:100%;height:100%;object-fit:cover}.screen-main video{width:100%;height:100%;object-fit:contain}.tile-name{position:absolute;left:10px;bottom:10px;background:#000a;padding:2px 8px;border-radius:5px;font-size:13px}.tile-state{position:absolute;right:10px;top:10px;background:#000a;padding:2px 8px;border-radius:5px;font-size:12px;color:var(--warn)}.controls{display:flex;justify-content:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);flex-wrap:wrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:16px}@media(max-width:800px){.two-col,.lobby{grid-template-columns:1fr}.studio{height:auto;min-height:100%}.studio-body{grid-template-columns:1fr}.stage{overflow:visible}.panel{border-left:0;border-top:1px solid var(--border)}.stage-grid.n2,.stage-screen{grid-template-columns:1fr}.segment{grid-template-columns:48px 1fr}.segment textarea{grid-column:1 / -1}.tracks{font-size:12px}}:root{--live: #ff2d55}button.live{background:transparent;border-color:var(--live);color:#ff8fa6}button.live:hover:not(:disabled){background:#3a1220;border-color:var(--live)}.live-badge{background:var(--live);color:#fff;font-weight:700;font-size:13px;padding:3px 10px;border-radius:6px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.waiting{border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:8px;padding:10px 12px}.waiting .person:last-child,.panel .person:last-child{border-bottom:0}.invite{display:flex;gap:8px;margin-bottom:12px}.invite input{font-family:ui-monospace,Consolas,monospace;font-size:13px}.storage{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.disk-bar{flex:1;min-width:120px;height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.disk-bar>div{height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--p, 0))}.storage-actions{margin-top:12px}.page-title{font-size:26px;margin:4px 0 0}.form h3{margin:10px 0 0;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}details summary{cursor:pointer;margin:4px 0}.lp-banner{position:absolute;display:flex;justify-content:space-between;align-items:center;padding:0 2.5%;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden}.lp-logo-img{position:absolute;right:2.5%;top:4.4%;height:7.8%;max-width:30%;object-fit:contain}