:root{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e9eef5;background:#0c121b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:0 auto;padding:36px 28px}header,footer,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px}header{margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#80a4bb}h1{font-size:32px;font-weight:600;letter-spacing:-.04em;margin:9px 0 0}a{color:#93d7ca;text-decoration:none}a:hover{text-decoration:underline}.toolbar{background:#151e2b;padding:18px 22px;border:1px solid #263347;border-radius:12px 12px 0 0;justify-content:flex-start}label{display:grid;gap:5px;font-size:11px;color:#9eacbd}select,button{font:inherit;font-size:14px;border:1px solid #3b4b60;background:#1c293b;color:#f3f6fa;padding:9px 13px;border-radius:6px;min-width:135px}button{align-self:flex-end;cursor:pointer}button:hover{background:#2b3b51}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #93d7ca;outline-offset:3px}#status{margin-left:auto;font-size:13px;color:#93d7ca}.screen{position:relative;aspect-ratio:16/9;background:#030507}video{width:100%;height:100%;display:block}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#070c13d9;color:#a9b9ce;pointer-events:none}#overlay[hidden]{display:none}.readouts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #263347;border-radius:0 0 12px 12px;background:#151e2b}.readouts>div{padding:18px 23px;border-right:1px solid #263347}.readouts>div:last-child{border:0}.readouts span{display:block;font-size:11px;color:#9eacbd;margin-bottom:5px}.readouts strong{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}footer{font-size:12px;color:#8c9bae;margin:8px 0 24px}.pipeline{border-top:1px solid #263347;padding-top:16px}.pipeline h2{font-size:15px;font-weight:500}.worker{display:flex;gap:20px;padding:10px 0;font-size:13px}.worker span:last-child{margin-left:auto;color:#93d7ca}#hint{color:#8c9bae;font-size:12px}@media(max-width:700px){main{padding:22px 14px}header{align-items:flex-start}header a{font-size:12px}.toolbar{flex-wrap:wrap;padding:14px;gap:12px}#status{width:100%;margin:0}.readouts{grid-template-columns:1fr 1fr}.readouts>div{padding:13px}footer{align-items:flex-start;flex-direction:column;gap:2px}.worker{gap:10px;flex-wrap:wrap}}