:root{font-family:system-ui,sans-serif;color:#e4eaf2;background:#10151e;color-scheme:dark}body{margin:0}main{max-width:1280px;margin:auto;padding:24px}h1{font-size:1.6rem;margin:0 0 8px}p{line-height:1.5}#revision{font:14px ui-monospace,monospace;overflow-wrap:anywhere;color:#a8b9d0}.controls{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;padding:10px 14px;border:1px solid #718aaa;border-radius:5px;cursor:pointer;background:#20324a}button:disabled{opacity:.5;cursor:default}#start{background:#24549a}canvas{display:block;width:100%;aspect-ratio:16/9;background:#000;border:1px solid #3c4c62}pre{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;background:#080d15;padding:14px}#status{font-weight:600;color:#c3dbff}summary{cursor:pointer}button:focus-visible{outline:3px solid #9cc8ff}