#viz[data-astro-cid-hxxvtbk2]{width:100%;height:460px;border-radius:var(--radius-lg);border:.5px solid var(--border);cursor:crosshair;display:block;margin-bottom:0;touch-action:none;background:#0a0a14}.tap-zones[data-astro-cid-hxxvtbk2]{display:none;grid-template-columns:repeat(8,1fr);gap:4px;padding:6px 0;margin-bottom:12px}.tap-zone-btn[data-astro-cid-hxxvtbk2]{font-family:var(--font-mono);font-size:13px;font-weight:600;padding:14px 0;text-align:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:background .1s,transform .1s}.tap-zone-btn[data-astro-cid-hxxvtbk2]:active{transform:scale(.95);background:var(--bg-surface)}.status-row[data-astro-cid-hxxvtbk2]{display:flex;align-items:center;gap:12px}.audio-btn[data-astro-cid-hxxvtbk2]{font-family:var(--font-mono)}.audio-btn[data-astro-cid-hxxvtbk2].on{border-color:var(--accent-teal);border-width:1.5px}.status-indicator[data-astro-cid-hxxvtbk2]{display:flex;align-items:center;gap:6px}.dot[data-astro-cid-hxxvtbk2]{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);transition:background .3s}.dot[data-astro-cid-hxxvtbk2].live{background:var(--accent-teal)}.status-label[data-astro-cid-hxxvtbk2]{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);transition:color .3s}.status-label[data-astro-cid-hxxvtbk2].live{color:var(--accent-teal)}.controls-grid[data-astro-cid-hxxvtbk2]{display:grid;gap:12px;margin-bottom:12px;margin-top:12px}.three-col[data-astro-cid-hxxvtbk2]{grid-template-columns:repeat(3,1fr)}.control-card[data-astro-cid-hxxvtbk2]{background:var(--bg-secondary);border-radius:var(--radius-md);padding:12px 14px}.control-label[data-astro-cid-hxxvtbk2]{display:block;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.control-value-center[data-astro-cid-hxxvtbk2]{text-align:center;margin-top:4px;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text-primary)}.action-btn[data-astro-cid-hxxvtbk2]{font-size:11px;padding:6px 0;text-align:center;font-family:var(--font-mono);width:100%;margin-top:4px}.preview-tokens[data-astro-cid-hxxvtbk2]{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.token[data-astro-cid-hxxvtbk2]{width:10px;height:10px;border-radius:50%;background:var(--text-tertiary);transition:background .2s}.token[data-astro-cid-hxxvtbk2].active{background:var(--accent-teal)}.footer-stats[data-astro-cid-hxxvtbk2]{display:flex;gap:24px;flex-wrap:wrap}.stat[data-astro-cid-hxxvtbk2]{display:flex;flex-direction:column;gap:2px}.stat-label[data-astro-cid-hxxvtbk2]{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.stat-value[data-astro-cid-hxxvtbk2]{font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}@media(max-width:640px){.three-col[data-astro-cid-hxxvtbk2]{grid-template-columns:1fr}.footer-stats[data-astro-cid-hxxvtbk2]{gap:16px}#viz[data-astro-cid-hxxvtbk2]{height:340px}.tap-zones[data-astro-cid-hxxvtbk2]{display:grid}}