:root{color:#eef3fa;background:#121923;font-family:system-ui}body{margin:0}main{max-width:800px;margin:auto;padding:1rem}h1{font-size:1.6rem}.controls{flex-wrap:wrap;gap:1rem;display:flex}label{gap:.3rem;display:grid}select,button{font:inherit;border-radius:.4rem;padding:.7rem}button{cursor:pointer}video{background:#000;width:100%;max-height:50vh;display:block}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#202c3b;padding:1rem}p{line-height:1.5}.camera-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}canvas{background:#000;width:auto;max-width:100%;max-height:50vh;display:block}