:root{color-scheme:dark;font:14px system-ui;background:#101318;color:#e9edf3}body{margin:0}main{max-width:1200px;margin:auto;padding:16px}header,.toolbar,footer{display:flex;gap:10px;align-items:center;margin-bottom:12px}h1{font-size:20px;margin:0 auto 0 0}#status{color:#91d6a2}.toolbar{flex-wrap:wrap}input,button{background:#1c222b;border:1px solid #36404d;border-radius:6px;padding:9px;color:inherit}button{cursor:pointer}.screen-wrap{position:relative;background:#050608;min-height:360px;display:grid;place-items:center;border-radius:8px;overflow:hidden}video{max-width:100%;max-height:80vh;touch-action:none}#empty{position:absolute;color:#8792a1}footer{margin-top:10px;color:#9da8b7}