:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0c;--panel:#161616;--text:#e8e8e8;--muted:#8a8a8a;--accent:#c62828;--border:#2a2a2a;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{flex-direction:column;height:100%;min-height:100%;display:flex}.toolbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;display:flex}.toolbar label{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.toolbar select,.toolbar button{font:inherit;color:var(--text);border:1px solid var(--border);background:#222;border-radius:4px;padding:.35rem .65rem}.toolbar button{cursor:pointer;background:var(--accent);border-color:#8e1e1e;font-weight:600}.toolbar button:disabled{opacity:.55;cursor:default}.freq{font-variant-numeric:tabular-nums;letter-spacing:.02em}.status{color:var(--muted);margin-left:auto;font-size:.85rem}#canvas{width:100%;min-height:0;image-rendering:pixelated;background:#111;flex:1;display:block}