:root{color-scheme:dark;font-family:system-ui,sans-serif}body{margin:0;padding:1rem;max-width:920px;margin-inline:auto;background:#12131a;color:#e7e9f0}header{display:flex;align-items:center;gap:1rem}h1{font-size:1.25rem;margin:0}.status{font-size:.8rem;padding:.15rem .5rem;border-radius:999px}.status.disconnected{background:#5b2330;color:#ffb3c0}.status.connecting{background:#5b4a23;color:#ffe08a}.status.streaming{background:#1f5b3a;color:#8affb8}.privacy{font-size:.85rem;color:#aab;background:#1b1d27;padding:.6rem .8rem;border-radius:8px}main{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 720px){main{grid-template-columns:1fr}}video{width:100%;border-radius:10px;background:#000;transform:scaleX(-1)}.buttons{display:flex;gap:.5rem;margin:.5rem 0}button{background:#2a3aa0;color:#fff;border:0;border-radius:8px;padding:.5rem .9rem;cursor:pointer}button:hover{background:#354bce}label{display:block;font-size:.85rem;margin-top:.4rem}input{background:#1b1d27;border:1px solid #333;color:#e7e9f0;border-radius:6px;padding:.3rem}.axis{border:1px solid #262838;border-radius:8px;padding:.5rem .7rem;margin-bottom:.5rem}.axis-head{display:flex;justify-content:space-between;align-items:center}.axis-name{font-weight:600;text-transform:capitalize}.axis-row{display:flex;gap:.5rem;align-items:center;font-size:.8rem;margin-top:.3rem}.axis-row input[type=range]{flex:1}