main[data-v-867e844b]{flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:520px;padding:2rem 1rem;display:flex}h1[data-v-867e844b]{letter-spacing:.5em;text-transform:lowercase;color:var(--muted);font-size:1.1rem;font-weight:300}.presets[data-v-867e844b],.types[data-v-867e844b]{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.presets button[data-v-867e844b],.types button[data-v-867e844b]{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:2rem;padding:.4rem 1rem;font-size:.825rem;transition:border-color .15s,color .15s}.presets button[data-v-867e844b]:hover,.types button[data-v-867e844b]:hover{color:var(--text)}.presets button.active[data-v-867e844b],.types button.active[data-v-867e844b]{border-color:var(--accent);color:var(--accent)}.eq[data-v-867e844b]{width:100%}.eq-head[data-v-867e844b]{letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;min-height:1rem;margin-bottom:.4rem;font-size:.75rem;display:flex}.reset[data-v-867e844b]{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:.7rem}.reset[data-v-867e844b]:hover{color:var(--accent)}.canvas[data-v-867e844b]{border:1px solid var(--border);background:var(--surface);touch-action:none;cursor:crosshair;border-radius:.75rem;width:100%;height:260px;display:block}.hint[data-v-867e844b]{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.7rem}.play-btn[data-v-867e844b]{border:1.5px solid var(--border);background:var(--surface);width:88px;height:88px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding-left:3px;font-size:1.4rem;transition:border-color .2s,background .2s;display:flex}.play-btn.active[data-v-867e844b]{padding-left:0}.play-btn[data-v-867e844b]:hover{border-color:var(--accent)}.play-btn.active[data-v-867e844b]{border-color:var(--accent);background:var(--accent-dim)}.volume[data-v-867e844b]{color:var(--muted);align-items:center;gap:.75rem;font-size:1rem;display:flex}input[type=range][data-v-867e844b]{width:160px;accent-color:var(--accent);cursor:pointer}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c0c;--surface:#1c1c1c;--border:#2a2a2a;--text:#e0e0e0;--muted:#555;--accent:#7eb8f7;--accent-dim:#7eb8f71f}html,body{height:100%}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}