*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font:15px system-ui;overflow:hidden}canvas,video{position:absolute;width:100vw;height:100vh;inset:0}video{object-fit:contain;background:#000}nav{position:fixed;z-index:3;top:0;left:0;right:0;padding:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:#10161ddd}button{font:inherit;color:white;background:#27333a;border:1px solid #55646b;padding:8px 14px;border-radius:6px;cursor:pointer}nav span{font-size:12px;color:#c6cdd2}#output-status{position:fixed;z-index:2;bottom:12px;left:18px;background:#10161dc9;padding:8px 12px;border-radius:5px} [hidden]{display:none!important}