:root{--bg:#090b0f;--panel:#101318;--line:#242830;--muted:#7e8490;--text:#f2f3ef;--lime:#c7ff4a;--amber:#ffbd4a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1240px)/2));font-family:'DM Mono',monospace}.brand{color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.18em;display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);color:#0a0c0f;font-family:Manrope;font-weight:800}.server-state{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#666;border-radius:50%}.dot.online{background:var(--lime);box-shadow:0 0 12px #c7ff4a80}.divider{height:14px;width:1px;background:var(--line);margin:0 4px}main{max-width:1240px;margin:auto;padding:64px 28px 80px}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.eyebrow,.step,label,.metrics span,.hero-stat span,.encoder>span{font:500 10px 'DM Mono',monospace;letter-spacing:.16em;color:var(--muted)}h1{font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-.055em;margin:18px 0 24px;font-weight:500}h1 em{font-style:normal;color:var(--lime)}.sub{color:#969ba4;font-size:16px}.hero-stat{border-left:1px solid var(--line);padding:10px 0 10px 28px;min-width:190px;display:flex;flex-direction:column}.hero-stat strong{font:500 25px 'DM Mono',monospace;margin:12px 0 3px}.hero-stat small{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:18px}.metrics article{padding:24px 26px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics strong{font:500 32px 'DM Mono',monospace;display:block;margin:13px 0 2px}.metrics small{font-size:11px;color:var(--muted)}.workspace{display:grid;grid-template-columns:1fr 1.18fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);padding:28px}.panel-head,.panel-head>div,.section-title,.section-title>div{display:flex;align-items:center;justify-content:space-between}.panel-head>div,.section-title>div{justify-content:flex-start;gap:15px}.step{color:var(--lime)}h2{font-size:20px;margin:0;font-weight:600}.protocol{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;color:var(--lime);border:1px solid #c7ff4a40;padding:6px 9px}.protocol.amber{color:var(--amber);border-color:#ffbd4a40}.hint{color:var(--muted);font-size:13px;margin:30px 0}label{display:block;margin:18px 0 8px}.field{height:46px;border:1px solid #303640;background:#0a0d11;display:flex;align-items:center}.field code,.field input{font:400 12px 'DM Mono',monospace;color:#d4d7d9;padding:0 14px;flex:1;overflow:hidden;white-space:nowrap;background:none;border:0;outline:0;min-width:0}.field button,.section-title button{align-self:stretch;background:none;border:0;border-left:1px solid #303640;color:var(--muted);font:500 10px 'DM Mono',monospace;padding:0 14px;cursor:pointer}.field button:hover{color:var(--lime)}.encoder{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.encoder>div{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:12px;margin-top:14px}.encoder b{font-weight:500;color:var(--muted)}.screen{aspect-ratio:16/8.3;background:#050608;margin:25px 0 18px;position:relative;overflow:hidden}.screen video{width:100%;height:100%;object-fit:contain}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#171c21,#050608 70%);gap:7px}.empty span{font-size:11px;color:var(--muted)}.play-icon{width:46px;height:46px;border:1px solid #3c424a;border-radius:50%;display:grid;place-items:center;padding-left:3px;color:var(--lime);margin-bottom:6px}.live-badge{display:none;position:absolute;top:12px;left:12px;background:#e93636;padding:5px 8px;font:500 9px 'DM Mono',monospace}.primary{width:100%;height:42px;margin-top:12px;border:0;background:var(--lime);color:#090b0f;font:700 11px 'DM Mono',monospace;letter-spacing:.08em;cursor:pointer}.streams-section{margin-top:18px;border:1px solid var(--line);padding:28px}.section-title{margin-bottom:24px}.section-title button{border:1px solid var(--line);height:32px}.table-head,.stream-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr .7fr .8fr;gap:15px;align-items:center}.table-head{font:500 9px 'DM Mono',monospace;color:var(--muted);letter-spacing:.12em;border-bottom:1px solid var(--line);padding:0 12px 12px}.stream-row{font:12px 'DM Mono',monospace;padding:16px 12px;border-bottom:1px solid #1e2229}.stream-row:last-child{border:0}.stream-name{color:var(--lime)}.stream-row span:not(.stream-name){color:#a6abb3}.status-live{color:var(--lime)!important}.no-streams{text-align:center;color:var(--muted);font-size:12px;padding:34px}footer{border-top:1px solid var(--line);height:62px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center;color:#60656e;font:500 9px 'DM Mono',monospace;letter-spacing:.12em}footer i{color:var(--lime);font-style:normal;margin:0 9px}@media(max-width:760px){main{padding-top:38px}.hero{display:block}.hero-stat{margin-top:30px}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.workspace{grid-template-columns:1fr}.table-head{display:none}.stream-row{grid-template-columns:1fr 1fr}.stream-row span:nth-child(n+3):nth-child(-n+4){display:none}footer span:last-child{display:none}}@media(max-width:440px){header{padding:0 18px}main{padding-left:18px;padding-right:18px}.metrics strong{font-size:25px}.metrics article,.panel,.streams-section{padding:20px}.server-state .divider,.server-state #clock{display:none}}