:root{color-scheme:dark;--bg:#05080c;--panel:#0a1118;--line:#243440;--cyan:#69e5f5;--red:#ff3f4e;--text:#f5f8fa;--muted:#8fa1ad;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#112e3d 0,transparent 32%),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,4vw,54px);border-bottom:1px solid #ffffff12;background:#05080de8;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand img{border-radius:10px;box-shadow:0 0 24px #69e5f533}.brand span,.brand b,.brand small{display:block}.brand b{letter-spacing:.16em}.brand small{margin-top:2px;color:var(--red);font-size:9px;font-weight:900;letter-spacing:.25em}.topbar nav{display:flex;align-items:center;gap:9px}.topbar a,.topbar button,.viewer-actions button,.source-actions button,.live-controls button,.live-controls a{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#0b141c;color:#eaf4f7;text-decoration:none;font-weight:800;font-size:12px;cursor:pointer}main{width:min(1320px,calc(100% - 30px));margin:auto}.hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:clamp(58px,9vw,120px) 0 42px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.19em}.eyebrow i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}h1{margin:15px 0 18px;font-size:clamp(64px,11vw,150px);line-height:.76;letter-spacing:-.075em}h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px #8deafa}.hero p{max-width:610px;color:#b6c4cc;font-size:clamp(15px,2vw,20px);line-height:1.55}.hero aside{min-width:210px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#09121a}.hero aside>*{display:block}.hero aside strong{font-size:30px}.hero aside span{margin-top:4px;color:var(--cyan);font-size:9px;letter-spacing:.16em}.hero aside small{margin-top:18px;color:var(--muted)}.broadcast{overflow:hidden;border:1px solid #30434f;border-radius:26px;background:#080d12;box-shadow:0 30px 90px #000b}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#020405}.stage video,.poster{width:100%;height:100%}.stage video{display:block;object-fit:contain;background:#000}.poster{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate}.poster:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#020509ed,#02050970 58%,#020509bd)}.poster>img{position:absolute;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.48)}.poster>div{position:absolute;left:6%;bottom:10%;max-width:55%}.poster small{color:var(--cyan);font-weight:900;letter-spacing:.18em}.poster strong{display:block;margin-top:10px;font-size:clamp(28px,5vw,70px);line-height:.95}.poster p{color:#c2d0d5}.live-chip{display:inline-flex;width:max-content;padding:6px 9px;border-radius:7px;background:var(--red);color:#fff;font-size:9px;font-weight:950;letter-spacing:.11em}.poster>.live-chip{position:absolute;top:18px;left:18px}.connection{position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:8px;background:#03070bd9;color:#adc0c8;font-size:9px;font-weight:900}.viewer-meta{display:flex;justify-content:space-between;gap:25px;padding:22px}.viewer-meta h2{margin:10px 0 4px;font-size:clamp(23px,4vw,38px)}.viewer-meta p{margin:0;color:var(--muted)}.viewer-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:42px 0 80px}.features article{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d1821,#070c11)}.features span{color:var(--cyan);font-size:11px;font-weight:900}.features h3{margin:24px 0 8px}.features p{margin:0;color:var(--muted);line-height:1.55}dialog{width:min(1180px,calc(100% - 20px));max-height:94dvh;padding:0;border:1px solid #38505f;border-radius:24px;background:#070c12;color:#fff;box-shadow:0 40px 140px #000}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.studio-shell{padding:18px}.studio-shell>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.studio-shell h2{margin:4px 0 0;font-size:28px}.close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#111b23;color:#fff;font-size:26px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.preview-panel,.controls-panel{padding:14px;border:1px solid var(--line);border-radius:18px;background:#091119}.canvas-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#010203}.canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-wrap video{position:absolute;width:1px;height:1px;opacity:.001}.preview-label{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:6px;background:#03070bc9;font-size:8px;font-weight:900}.source-actions,.live-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.source-actions button:disabled{opacity:.4}.source-note{color:#82949e;font-size:10px;line-height:1.5}.controls-panel{display:grid;gap:10px;align-content:start}.controls-panel label{display:grid;gap:5px;color:#adbec6;font-size:10px;font-weight:800}.controls-panel input,.controls-panel textarea,.controls-panel select{width:100%;padding:10px;border:1px solid #314552;border-radius:9px;background:#03070a;color:#fff}.thumb-preview,.studio-status{padding:9px;border-radius:9px;background:#111b22;color:#9fb2bb;font-size:10px}.go-live{min-height:52px;border:1px solid #ff7080;border-radius:12px;background:linear-gradient(110deg,#e6233b,#ff5263);color:#fff;font-weight:950;letter-spacing:.08em}.go-live:disabled{filter:grayscale(1);opacity:.45}.live-controls a{flex:1;text-align:center}.end-live{border-color:#ff5868!important;color:#ff9da6!important}footer{display:flex;justify-content:center;gap:18px;padding:28px;border-top:1px solid #ffffff10;color:#81919a;font-size:12px}footer a{color:#a9bbc4}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero aside{display:none}.studio-grid{grid-template-columns:1fr}.viewer-meta{display:grid}.viewer-actions{justify-content:flex-start}.features{grid-template-columns:1fr}.topbar nav>a{display:none}}@media(max-width:520px){main{width:min(100% - 18px,1320px)}.topbar{padding:10px}.topbar nav button{font-size:9px}.hero{padding-top:48px}.poster>div{max-width:80%}.viewer-meta{padding:15px}.viewer-actions button{flex:1}.studio-shell{padding:10px}.preview-panel,.controls-panel{padding:9px}}