:root{color-scheme:light dark;--bg: #f6f4ef;--fg: #1d1d1b;--muted: #6b675f;--panel: #fffdf8;--border: #ddd7cb;--accent: #b3261e;--accent-fg: #fff;--bezel: #2b2926;--problem: #a3231b;--note-bg: #fbf0d9}@media(prefers-color-scheme:dark){:root{--bg: #151514;--fg: #ecebe6;--muted: #a29f96;--panel: #1f1f1d;--border: #393731;--accent: #ff6b5e;--accent-fg: #1a0705;--bezel: #0b0b0a;--problem: #ff8a80;--note-bg: #3a3020}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}main{max-width:1000px;margin:0 auto;padding:24px 16px 64px}h1{font-size:28px;margin:0 0 4px}h2{font-size:18px;margin:0 0 8px}p{margin:8px 0}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin:16px 0}.buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}button{font:inherit;padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}button[aria-pressed=true]{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input{font:600 20px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;width:10ch;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}label{font-weight:600}.problem{color:var(--problem);min-height:1.5em}.bezel{background:var(--bezel);border-radius:12px;padding:12px;margin-top:16px}canvas{display:block;width:100%;height:auto;aspect-ratio:736 / 576;background:#000;border-radius:4px;image-rendering:auto}canvas:focus{outline:2px solid var(--accent);outline-offset:3px}.status{font:14px/1.4 ui-monospace,Menlo,monospace;color:var(--muted);margin:10px 0;overflow-wrap:anywhere}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fkeys{display:flex;flex-wrap:wrap;gap:4px}.fkeys button{padding:4px 8px;font:13px ui-monospace,Menlo,monospace;background:#8a1c14;color:#fff;border-color:#8a1c14}.note{background:var(--note-bg);border-radius:8px;padding:8px 12px}.help .columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 24px}dl{display:grid;grid-template-columns:max-content 1fr;align-content:start;gap:2px 12px;margin:8px 0;font-size:15px}dt{font:600 14px/1.6 ui-monospace,Menlo,monospace}dd{margin:0}