:root{color-scheme:dark;font:16px system-ui;background:#101716;color:#f3f1df}body{margin:0}main{max-width:1280px;margin:auto;padding:20px}header,nav,#setup{display:flex;align-items:center;gap:16px;flex-wrap:wrap}header{justify-content:space-between}h1{letter-spacing:.2em}label{display:inline-flex;gap:8px;align-items:center}select,button{font:inherit;padding:10px;border:1px solid #91a096;border-radius:4px}button{background:#c4d8b0;color:#18231e;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,canvas:focus-visible,video:focus-visible{outline:3px solid #f3d992;outline-offset:3px}canvas,video{display:block;background:#080b0a;width:100%;height:auto;max-height:75vh;object-fit:contain;image-rendering:pixelated;margin:16px 0}details{margin-top:20px}summary{cursor:pointer}pre{font-size:12px;white-space:pre-wrap}output{padding:8px}[hidden]{display:none!important}