:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;--bg:#050505;--surface:#0b0b0c;--surface-2:#131315;--surface-hover:#1c1c1f;--line:#ffffff14;--line-strong:#ffffff29;--text:#f7f7f8;--muted:#f7f7f88f;--dim:#f7f7f857;--red:#ff3b30;--red-soft:#ff3b3029;--red-text:#ff8079;--green:#30d158;--green-soft:#30d15829;--green-text:#7ee89c;--amber:#ffb020;--amber-soft:#ffb02029;--amber-text:#ffcc70;--blue:#0a84ff;--blue-soft:#0a84ff29;--blue-text:#7cbaff;--r-lg:20px;--r-md:14px;--r-sm:10px;--r-xs:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Arial,sans-serif}*{box-sizing:border-box;scrollbar-color:#ffffff38 transparent;scrollbar-width:thin}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0}html.output-page,html.output-page body,html.output-page #app{overflow:hidden;background:0 0!important}body{-webkit-font-smoothing:antialiased;font-size:13px}button,input,select{font:inherit;color:inherit}button{border-radius:var(--r-xs);background:var(--surface-2);cursor:pointer;border:0;transition:background .15s,color .15s,transform 80ms,opacity .15s}button:hover:not(:disabled){background:var(--surface-hover)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.35;cursor:not-allowed}input,select{border:1px solid var(--line-strong);border-radius:var(--r-xs);background:var(--surface);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}svg{display:block}a{color:var(--blue-text);text-decoration:none}.pill{color:#fff;white-space:nowrap;background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 11px;font-size:11.5px;font-weight:600;display:inline-flex}.pill:hover:not(:disabled){background:#ffffff2e}.pill.active{color:#0a0a0a;background:#ffffffeb}.pill.in{background:var(--green-soft);color:var(--green-text)}.pill.out{background:var(--red-soft);color:var(--red-text)}.pill.take{background:var(--red);color:#fff;padding:0 16px;font-weight:700}.pill.take:hover:not(:disabled){background:#ff544a}.pill.cut{background:var(--amber-soft);color:var(--amber-text);font-weight:700}.pill.primary{background:var(--blue-soft);color:var(--blue-text)}.pill.big{height:32px;padding:0 16px;font-size:12.5px}.chip{color:#ffffffb3;white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.chip b{color:#fff;font-weight:600}.dot{background:#ffffff4d;border-radius:999px;flex:0 0 6px;width:6px;height:6px}.dot.green{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.dot.red{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.dot.amber{background:var(--amber)}.label{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;font-weight:600}.icon-btn{background:#ffffff1a;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.icon-btn svg{fill:#ffffffeb;width:14px;height:14px}.icon-btn.primary{background:#fff;width:34px;height:34px}.icon-btn.primary svg{fill:#0a0a0a;width:16px;height:16px}.icon-btn.primary:hover:not(:disabled){background:#ffffffd9}.toast{z-index:100;border-radius:var(--r-md);background:var(--surface-2);padding:10px 16px;font-size:12.5px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0000008c}.toast.err{color:var(--red-text);background:#2a0d0b}.spacer{flex:1}.console{grid-template-rows:auto auto auto auto minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;height:42px;padding:0 14px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:8px;margin-right:6px;font-size:14px;font-weight:700;display:flex}.brand i{background:var(--red);border-radius:3px;width:9px;height:9px;display:inline-block}.onair-pill{letter-spacing:.06em;color:#ffffff8c;background:#ffffff14;border-radius:999px;align-items:center;gap:7px;height:26px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.onair-pill.on{background:var(--red);color:#fff}.onair-pill.on .dot{box-shadow:none;background:#fff;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.menu-wrap{position:relative}.menu{z-index:30;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-strong);min-width:170px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #0000008c}.menu button,.menu a{border-radius:var(--r-xs);width:100%;height:30px;color:var(--muted);text-align:left;background:0 0;padding:0 10px;font-size:12px;font-weight:600;line-height:30px;display:block}.menu button:hover,.menu a:hover{background:var(--surface-hover);color:var(--text)}.menu .who{color:var(--dim);border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 10px 8px;font-size:11px}.wall{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:1px;display:grid}.tile{background:#000;flex-direction:column;min-width:0;display:flex}.tile-head{background:#000;align-items:center;gap:8px;min-width:0;height:34px;padding:0 10px;display:flex}.tile-head .name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.tile-head .right{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.screen{aspect-ratio:16/9;background:#000;width:100%;max-height:calc(100vh - 430px);margin:0 auto;position:relative;overflow:hidden}.screen video,.screen canvas{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.tile.onair .screen{box-shadow:inset 0 0 0 2px var(--red), inset 0 0 50px #ff3b302e}.screen .msg{color:var(--dim);text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:6px;padding:20px;display:grid;position:absolute;inset:0}.screen .msg b{color:var(--muted);font-size:13.5px}.screen .msg.soft{background:0 0;place-content:end center;padding-bottom:14px}.hud{z-index:3;color:#fff;font:600 11px var(--mono);pointer-events:none;background:#0000009e;border-radius:999px;padding:3px 9px;position:absolute}.hud.tl{top:10px;left:10px}.hud.tr{top:10px;right:10px}.hud.bl{bottom:10px;left:10px}.hud.br{bottom:10px;right:10px}.hud.red{background:var(--red);letter-spacing:.06em;font-family:inherit}.tl{border-bottom:1px solid var(--line);background:var(--surface);padding:8px 14px 6px}.tl-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tl canvas{border-radius:var(--r-xs);cursor:ew-resize;touch-action:none;width:100%;height:96px;display:block}.transport{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 14px;display:flex}.group{align-items:center;gap:6px;display:flex}.sep{background:var(--line-strong);width:1px;height:24px}.tc{font:600 13px var(--mono);color:#fff;min-width:74px}.tc small{color:var(--dim);margin-left:4px;font-weight:500}.speed{flex:260px;align-items:center;gap:8px;min-width:260px;max-width:420px;display:flex}.speed-track{cursor:ew-resize;touch-action:none;flex:1;height:26px;position:relative}.speed-rail{background:var(--line-strong);border-radius:999px;height:4px;position:absolute;top:11px;left:0;right:0}.speed-fill{background:#ffffff73;border-radius:999px;height:4px;position:absolute;top:11px;left:0}.speed-tick{background:#ffffff40;border-radius:1px;width:2px;height:8px;margin-left:-1px;position:absolute;top:9px}.speed-thumb{background:#fff;border-radius:999px;width:16px;height:16px;margin-left:-8px;position:absolute;top:5px;box-shadow:0 2px 8px #00000080}.speed-val{font:600 12px var(--mono);text-align:right;min-width:44px}.dur{font:600 11.5px var(--mono);color:var(--muted)}.clips{flex-direction:column;gap:8px;min-height:0;padding:10px 14px 12px;display:flex;overflow:hidden}.clips-head{align-items:center;gap:8px;display:flex}.clips-head .title{color:var(--muted);font-size:12.5px;font-weight:600}.clips-head input{border-radius:999px;width:220px;height:28px;padding:0 12px;font-size:12px}.grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.card{border-radius:var(--r-sm);background:var(--surface);grid-template-columns:104px minmax(0,1fr);gap:11px;padding:9px;transition:background .12s;display:grid}.card:hover{background:var(--surface-2)}.card.loaded{box-shadow:inset 0 0 0 1.5px var(--blue);background:var(--surface-2)}.thumb{aspect-ratio:16/9;border-radius:var(--r-xs);width:104px;color:var(--dim);background:#000;place-items:center;font-size:10px;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb small{color:#fff;font:9px/1 var(--mono);background:#000000c7;border-radius:999px;padding:2px 5px;position:absolute;bottom:4px;right:4px}.star{background:#0000008c;border-radius:999px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:4px;right:4px}.star svg{fill:none;stroke:#ffffffb3;stroke-width:1.6px;width:12px;height:12px}.star.on svg{fill:var(--amber);stroke:var(--amber)}.card-body{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.card-title{align-items:center;gap:6px;min-width:0;display:flex}.card-title b{text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.card-title input{flex:1;min-width:0;height:22px;padding:0 6px;font-size:12.5px}.card-body small{color:var(--dim);font-size:10.5px}.card-actions{align-items:center;gap:5px;display:flex}.card-actions button,.card-actions a{background:var(--surface-2);height:25px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:10.5px;font-weight:600;display:inline-flex}.card-actions .go{background:var(--blue-soft);color:var(--blue-text)}.card-actions .air{background:var(--red-soft);color:var(--red-text)}.card-actions .del{color:var(--red-text);background:0 0;margin-left:auto}.status-dot{background:var(--amber);border-radius:999px;width:7px;height:7px;animation:1s infinite blink}.empty{border:1px dashed var(--line-strong);border-radius:var(--r-sm);min-height:64px;color:var(--dim);grid-column:1/-1;place-items:center;font-size:12px;display:grid}.page{min-height:100%;overflow:auto}.auth{background:radial-gradient(ellipse 1000px 600px at 50% -8%, #ff3b301a, transparent 62%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-box{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);gap:16px;width:min(380px,100%);padding:34px;display:grid;box-shadow:0 24px 60px #0000008c}.auth-box h1{margin:0;font-size:20px}.auth-box p{color:var(--muted);margin:-8px 0 0}.auth-box label{color:var(--muted);gap:7px;font-size:12px;font-weight:600;display:grid}.auth-box input{border-radius:var(--r-sm);height:44px;padding:0 14px;font-size:14px}.auth-box .main{border-radius:var(--r-sm);background:var(--text);color:#0a0a0a;height:44px;font-weight:700}.auth-box .main:hover:not(:disabled){background:#fff}.auth-box .switch{color:var(--muted);text-align:center;font-size:12.5px}.auth-box .switch a{cursor:pointer}.err{border-radius:var(--r-xs);background:var(--red-soft);color:var(--red-text);padding:9px 12px;font-size:12.5px}.setup{gap:16px;max-width:860px;margin:0 auto;padding:22px 18px 60px;display:grid}.setup h1{margin:6px 0 0;font-size:22px}.setup .sub{color:var(--muted);margin-top:-8px}.section{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);gap:14px;padding:20px;display:grid}.section h2{align-items:center;gap:10px;margin:0;font-size:15px;display:flex}.section p,.section li{color:var(--muted);margin:0;line-height:1.55}.section ol{gap:4px;margin:0;padding-left:18px;display:grid}.field{gap:6px;display:grid}.field>span{color:var(--muted);font-size:12px;font-weight:600}.copy-row{gap:8px;display:flex}.copy-row code{white-space:nowrap;border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--line);flex:1;min-width:0;padding:10px 12px;font-size:12px;overflow-x:auto}.copy-row button{border-radius:var(--r-xs);min-width:74px;font-weight:600}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=700px){.row2{grid-template-columns:1fr}}.section input[type=text],.section input[type=password],.section input[type=url],.section select{width:100%;height:36px;padding:0 10px}.check{align-items:center;gap:8px;display:flex;color:var(--text)!important;font-weight:500!important}.btn{border-radius:var(--r-xs);height:34px;padding:0 14px;font-weight:600}.btn.white{background:var(--text);color:#0a0a0a}.btn.danger{background:var(--red-soft);color:var(--red-text)}.hint{color:var(--dim);font-size:12px}.ok-text{color:var(--green-text)}.bad-text{color:var(--red-text)}.warn-text{color:var(--amber-text)}.bug-preview{aspect-ratio:16/9;border-radius:var(--r-sm);background:linear-gradient(135deg,#1b2330,#0b0d10);position:relative;overflow:hidden}.output{position:fixed;inset:0;overflow:hidden}.output video{object-fit:contain;opacity:0;background:#000;width:100%;height:100%;position:absolute;inset:0}.output video.front{opacity:1}.output .layer{opacity:0;position:absolute;inset:0}.output .layer.on{opacity:1}.bug{z-index:3;color:#fff;letter-spacing:.08em;border-radius:.35em;align-items:center;gap:.5em;padding:.45em .9em;font:800 clamp(16px,2.6vw,40px)/1 -apple-system,Segoe UI,Arial,sans-serif;display:flex;position:absolute}.bug i{background:#fff;border-radius:99px;width:.5em;height:.5em;animation:1.2s infinite blink}.bug.top-left{top:4%;left:3%}.bug.top-right{top:4%;right:3%}.bug.bottom-left{bottom:5%;left:3%}.bug.bottom-right{bottom:5%;right:3%}.bug .rate{opacity:.8;font-weight:700}.out-debug{z-index:9;color:#fff;font:12px var(--mono);background:#000000b3;border-radius:6px;padding:5px 9px;position:fixed;bottom:10px;left:10px}.bar-area{background:#000;flex-direction:column;gap:6px;padding:6px 10px 8px;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.controls .tc{min-width:64px;font-size:12px}.controls .speed{flex:150px;min-width:150px;max-width:260px}.pill.live{background:var(--red);color:#fff}.dot.white{box-shadow:none;background:#fff}.win-select{background:#ffffff1a;border:0;border-radius:999px;height:26px;padding:0 6px;font-size:11px;font-weight:600}.pbar{cursor:pointer;touch-action:none;height:16px;position:relative}.pbar-rail{background:#ffffff38;border-radius:999px;height:4px;transition:height .1s,top .1s;position:absolute;top:6px;left:0;right:0}.pbar:hover .pbar-rail,.pbar.dragging .pbar-rail{height:6px;top:5px}.pbar-played{background:var(--bar);pointer-events:none;border-radius:999px;height:4px;position:absolute;top:6px;left:0}.pbar:hover .pbar-played,.pbar.dragging .pbar-played{height:6px;top:5px}.pbar-range{pointer-events:none;background:#ffb0204d;border-radius:3px;height:10px;position:absolute;top:3px}.pbar-head{background:var(--bar);pointer-events:none;border-radius:999px;width:12px;height:12px;margin-left:-6px;position:absolute;top:2px;box-shadow:0 0 0 2px #000}.pbar.dragging .pbar-head{transform:scale(1.25)}.pbar-mark{background:var(--green);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.pbar-mark.out{background:var(--red)}.pbar-mark span{background:var(--green-soft);color:var(--green-text);border-radius:3px;padding:1px 4px;font:700 9px -apple-system,Segoe UI,sans-serif;position:absolute;bottom:15px;left:3px}.pbar-mark.out span{background:var(--red-soft);color:var(--red-text);left:auto;right:3px}.pbar-tip{background:var(--surface-2);border:1px solid var(--line-strong);font:600 10.5px var(--mono);white-space:nowrap;pointer-events:none;z-index:5;border-radius:6px;padding:3px 7px;position:absolute;bottom:20px;transform:translate(-50%)}.screen{max-height:calc(100vh - 360px)}.help{z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.help-box{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line-strong);gap:7px;min-width:340px;padding:18px 20px;display:grid}.help-row{color:var(--muted);grid-template-columns:90px 1fr;gap:10px;display:grid}.help-row code{color:#fff}.console{grid-template-rows:auto auto minmax(0,1fr)}.ok-box{border-radius:var(--r-xs);background:var(--green-soft);color:var(--green-text);padding:9px 12px;font-size:12.5px}.auth-box .switch a,.err a{cursor:pointer}