:root{font-family:Inter,system-ui,sans-serif;color:#eef5ff;background:#081321;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{max-width:980px;margin:auto;padding:28px}.card{background:#10243a;border:1px solid #284867;border-radius:16px;padding:20px;box-shadow:0 14px 50px #0004}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}button,select{border:1px solid #3b668e;background:#173553;color:#fff;border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer}button.primary{background:#24a878;border-color:#4be49b;color:#061d16}button:disabled{opacity:.5;cursor:not-allowed}.muted{color:#9bb3cb}.streams{display:grid;gap:12px;margin-top:18px}.stream{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;background:#0b1a2b;border-radius:12px}.status{min-height:24px;color:#9fe8c4}.stage{margin-top:18px;aspect-ratio:16/9;background:#03070c;border-radius:12px;display:grid;place-items:center;overflow:hidden}.stage canvas{width:100%;height:100%;object-fit:contain}.metrics{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.field{display:grid;gap:6px;min-width:150px}h1{margin:0;font-size:28px}h2{font-size:18px}