:root{color-scheme:dark;--bg:#101419;--panel:#191f25;--border:#2c353d;--text:#edf2ed;--muted:#9ba8af;--mint:#b9edc8;--danger:#ffa49b;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,input,select{border-radius:9px}button:focus-visible,input:focus-visible,select:focus-visible,video:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:inherit;text-decoration:none}header{height:86px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 5%;max-width:1800px;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:2px}.brand-icon{color:var(--mint);font-size:35px}.brand small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:12px}.local-note{font-size:12px;color:var(--muted)}main{width:90%;max-width:1540px;margin:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:46px 0 32px;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--mint);margin:0 0 15px}h1{font-size:clamp(30px,3vw,48px);line-height:1.28;letter-spacing:-1.5px;margin:0 0 17px}h1 br{display:none}.subtitle{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.subtitle br{display:none}.connection-card{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--border);border-radius:12px;background:#171d22;min-width:310px}.connection-card b{font-size:14px}.connection-card small{display:block;font-size:11px;margin-top:6px;color:var(--muted);max-width:230px}.dot{width:9px;height:9px;border-radius:50%;background:#79838a;flex-shrink:0}.dot.good{background:var(--mint);box-shadow:0 0 0 5px #b9edc813}.dot.wait{background:#e5c68d}.pill{font-size:10px;border:1px solid #39444c;padding:5px 8px;border-radius:5px;white-space:nowrap;color:#b7c3cb}.pill.enabled{background:#a9ebbd18;color:var(--mint);border-color:#73bd89}.role-tabs{display:flex;gap:27px;border-bottom:1px solid var(--border);margin-bottom:24px}.role-tabs button{background:none;border:0;border-radius:0;color:var(--muted);padding:0 0 15px;font-size:14px}.role-tabs .selected{border-bottom:2px solid var(--mint);color:var(--mint)}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:25px;align-items:start}aside{display:flex;flex-direction:column;gap:17px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:23px}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:21px}.step{width:22px;height:22px;border:1px solid #465149;color:var(--mint);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px}h2{font-size:16px;font-weight:600;margin:0}label{display:block;font-size:12px;color:#c7d0d3;margin-bottom:16px;line-height:1.6}input:not([type=checkbox]),select{margin-top:7px;background:#11171b;border:1px solid #344048;color:var(--text);width:100%;height:41px;padding:0 11px;font-size:12px}input::placeholder{color:#68787e;font-size:11px}select{cursor:pointer}.check{display:flex;align-items:flex-start;gap:9px;line-height:1.65}.check input{accent-color:var(--mint);width:15px;height:15px;flex:0 0 15px;margin:3px 0}.hint{font-size:11px;color:var(--muted);line-height:1.85;margin:8px 0 15px}.muted{font-size:10px;color:#7e9097;float:right}.primary,.secondary,.danger-button{border:1px solid transparent;padding:11px 15px;font-size:12px;font-weight:600;min-height:42px}.primary{background:var(--mint);color:#173625}.primary:hover:not(:disabled){background:#cdf6d7}.primary span{float:right}.secondary{background:#242d34;border-color:#3b4851;color:var(--text)}.secondary:hover:not(:disabled){background:#303c45}.danger-button{background:#523334;color:#ffd2ce;border-color:#764d4a}.wide{width:100%;margin-bottom:9px}.text-button{background:none;border:0;padding:8px 0;color:#c0cbd0;font-size:11px}.danger{color:var(--danger)}.row{display:flex;align-items:center;gap:12px}.row label{margin-bottom:0}.compact{justify-content:space-between}.grow{flex:1}.invite{margin-top:12px;border-top:1px solid var(--border);padding-top:15px}.invite small{font-size:10px;color:var(--muted);line-height:1.7;display:block}.invite input{font-size:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.unit{float:right;font-size:10px;color:var(--muted)}.preset-row{display:flex;gap:6px;margin-bottom:20px}.chip{border:1px solid #3b4750;background:none;color:#a1b0b7;padding:7px 9px;font-size:10px}.chip.active{border-color:#85b294;color:var(--mint);background:#a9edc00b}.stage{border-radius:14px;border:1px solid #38454d;overflow:hidden;background:#0b0e12}.stage-toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#1c242b;font-size:12px}.stage-toolbar>span{display:flex;align-items:center;gap:9px}.stage-toolbar>div{display:flex;align-items:center;gap:13px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.icon-button{border:0;background:none;color:#b7c4ca;font-size:25px;padding:4px}.video-wrap{position:relative;aspect-ratio:16/9;background:#080c10;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-wrap:fullscreen{width:100%;height:100%;background:#000}video{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}.empty-stage{position:absolute;text-align:center;color:#81929a;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 70%,#1d3332 0,transparent 70%)}.screen-symbol{width:79px;height:62px;border:1px solid #496359;border-radius:9px;color:#a6c9b3;font-size:36px;line-height:60px;margin-bottom:25px;box-shadow:12px 12px 0 -1px #111d20,12px 12px 0 0 #31463e}.empty-stage h2{font-size:21px;color:#bed5c7;font-weight:400;margin-bottom:12px}.empty-stage p{font-size:12px;max-width:80%;line-height:1.8}.stage-footer{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:#182128;font-size:10px;color:#99a9b1}.play-overlay{position:absolute;background:var(--mint);color:#183624;border:0;padding:15px 25px;font-size:14px}.control-overlay{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#103326dd;border:1px solid #8bbe9d;color:#c6eed3;font-size:10px;padding:6px 12px;border-radius:4px;pointer-events:none;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);border-radius:12px;margin:18px 0 22px;background:#171e24;padding:20px 8px}.stats>div{padding:0 14px;border-right:1px solid var(--border)}.stats>div:last-child{border:0}.stats small{font-size:10px;color:var(--muted);display:block}.stats strong{font-size:23px;letter-spacing:-.7px;display:block;margin:10px 0 7px;font-weight:500;color:#d9ede1}.stats span{font-size:9px;color:#798d96;display:block;line-height:1.5}.control-panel{padding:27px}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.control-heading h2{font-size:22px;font-weight:400}.control-heading .eyebrow{font-size:9px;margin-bottom:9px}.control-panel .check{margin-top:17px}.control-panel .hint{font-size:12px}.control-panel .row .secondary{margin-top:3px}.notice{margin:17px 0;padding:14px 17px;background:#182822;border:1px solid #304b3b;border-radius:8px;font-size:12px;line-height:1.75;color:#bbd3c3}.notice.error{background:#2e2022;border-color:#623b3e;color:#f7b2ab}.notes{color:#81949d;font-size:11px;line-height:1.9}.notes summary{cursor:pointer;color:#aabcc3}.notes p{margin:10px 0}.hidden{display:none!important}footer{max-width:1540px;width:90%;margin:45px auto 0;padding:24px 0 28px;border-top:1px solid var(--border);font-size:10px;letter-spacing:1.5px;color:#6e858b;display:flex;justify-content:space-between}footer span{letter-spacing:0}.stage-column{min-width:0}body.viewer aside #capturePanel,body.viewer aside #qualityPanel{display:none}@media(min-width:1500px){.workspace{grid-template-columns:340px minmax(0,1fr)}.panel{padding:26px}.video-wrap{min-height:380px}}@media(max-width:1050px){main{width:94%}.workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.intro{padding-top:30px}h1{font-size:32px}.subtitle br{display:block}.stats{grid-template-columns:repeat(3,1fr);gap:20px 0}.stats>div:nth-child(3){border:0}.stats strong{font-size:20px}.connection-card{min-width:260px;padding:14px}.panel{padding:18px}.control-panel{padding:22px}}@media(max-width:740px){header{height:68px;padding:0 5%}.brand small,.local-note{display:none}main{width:90%}.intro{display:block;padding:30px 0 25px}h1{font-size:35px}h1 br{display:block}.subtitle{font-size:12px}.connection-card{margin-top:22px;width:100%}.connection-card .pill{margin-left:auto}.workspace{display:flex;flex-direction:column}.stage-column,aside{width:100%}.stats{margin:12px 0 17px}.stats strong{font-size:23px}.stage-column{order:0}aside{order:1}.stage-toolbar{padding:0 13px}.empty-stage h2{font-size:17px}.empty-stage p{font-size:10px}.screen-symbol{width:55px;height:42px;line-height:40px;font-size:28px;margin-bottom:19px}.control-heading h2{font-size:19px}.control-panel .hint{font-size:11px}.control-panel .row{flex-wrap:wrap}.control-panel .grow{min-width:70%}.control-panel .check{font-size:11px}.stage-footer{font-size:9px;padding:0 10px}.role-tabs{margin-bottom:18px}.panel{padding:22px}.notes{margin-bottom:10px}footer{margin-top:25px}.connection-card small{max-width:250px}}