:root { color-scheme: dark; font: 16px system-ui,-apple-system,Segoe UI,sans-serif; background:#0d1218; color:#f1f5f9 }
*{box-sizing:border-box} body{margin:0}main{width:min(1200px,96vw);margin:0 auto;padding:24px 0}
header{display:flex;align-items:center;gap:12px;margin-bottom:20px}header strong{letter-spacing:2px;font-size:22px}header small{margin-left:auto;color:#9cacc0} .dot{width:12px;height:12px;background:#30ce8e;border-radius:50%;box-shadow:0 0 14px #30ce8e}
.layout{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.card{background:#161e27;border:1px solid #273341;border-radius:16px;overflow:hidden}.stage{min-width:0}.video{aspect-ratio:16 / 9;background:#070b10;display:grid;place-items:center;text-align:center}.video iframe{width:100%;height:100%;border:0}.video h2{font-size:18px;font-weight:500}.cameraIcon{font-size:44px;color:#4e80bd}.muted,.video p,.hint,footer{color:#99a8b9}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:19px}.metrics>div{display:flex;flex-direction:column;gap:5px}.metrics small{font-size:11px;color:#9badc0}.metrics strong{font-size:21px}#status{padding:0 19px 15px;font-size:14px;color:#b9c8d7}.controls{padding:20px}.controls h2{margin:0;font-size:21px}.controls h3{margin:25px 0 12px}.controls p{font-size:13px;line-height:1.55}.pad{display:flex;flex-direction:column;align-items:center;gap:6px;margin:20px 0}.padrow{display:flex;gap:6px}.drive{height:62px;width:66px;background:#2c3b4d;border:1px solid #445873;border-radius:10px;color:#fff;font-size:22px;touch-action:none;user-select:none;cursor:pointer}.drive:disabled{opacity:.4;cursor:not-allowed}.drive.pressed{background:#1673df}.drive.stop{background:#66333b}.queueBtn{border:0;background:#20bd81;color:#081810;font-weight:700;border-radius:10px;padding:17px;width:100%;cursor:pointer;font-size:16px}.queueBtn:disabled{background:#5b7770;cursor:not-allowed}.hint{font-size:13px;text-align:center;margin-top:12px;min-height:33px}li{margin:9px 0}footer{margin-top:24px;text-align:center;font-size:12px}@media(max-width:800px){.layout{grid-template-columns:1fr}header small{display:none}.controls{padding:16px}}