:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--panel:#151925;--text:#e6e8ee;--muted:#9aa1b2;--accent:#2850ff;--danger:#ff5a5a;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}body{margin:0;padding:16px}header h1{margin:0 0 4px;font-size:1.4rem}header p{color:var(--muted);margin:0 0 16px}main{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.field{line-height:0;position:relative}canvas{image-rendering:pixelated;background:#000;display:block}.end{text-align:center;background:#0b0d12d9;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;line-height:1.4;display:flex;position:absolute;inset:0}.end[hidden]{display:none}.end h2{margin:0}.hash code{overflow-wrap:anywhere}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.side{flex-direction:column;gap:16px;min-width:240px;max-width:360px;display:flex}.hud{background:var(--panel);grid-template-columns:auto 1fr;gap:4px 16px;margin:0;padding:12px;display:grid}.hud dt{color:var(--muted)}.hud dd{font-variant-numeric:tabular-nums;margin:0}.setup{background:var(--panel);flex-direction:column;gap:8px;padding:12px;display:flex}.controls{background:var(--panel);padding:12px}.controls table{border-collapse:collapse}.controls td{padding:2px 8px 2px 0}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:6px 12px}select,input{font:inherit}.error{color:var(--danger);min-height:1.2em;margin:0}