.ttm[data-astro-cid-vfpt5fau]{max-width:720px;margin:2rem auto}.text-input[data-astro-cid-vfpt5fau]{border:1px solid var(--color-border,#ccc);background:var(--color-bg,#fff);width:100%;color:var(--color-text,#111);resize:vertical;box-sizing:border-box;border-radius:6px;padding:.75rem;font-family:inherit;font-size:.95rem;line-height:1.6}.controls-row[data-astro-cid-vfpt5fau]{flex-wrap:wrap;align-items:flex-end;gap:1.25rem;margin-top:1rem;margin-bottom:1rem;display:flex}.control-group[data-astro-cid-vfpt5fau]{flex-direction:column;gap:.25rem;display:flex}.control-label[data-astro-cid-vfpt5fau]{color:var(--color-text-muted,#888);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.select[data-astro-cid-vfpt5fau]{border:1px solid var(--color-border,#ccc);background:var(--color-bg,#fff);color:var(--color-text,#111);border-radius:4px;padding:.375rem .625rem;font-family:inherit;font-size:.875rem}.value-display[data-astro-cid-vfpt5fau]{color:var(--color-text-muted,#888);font-size:.75rem;font-family:var(--font-mono)}.buttons-row[data-astro-cid-vfpt5fau]{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.btn[data-astro-cid-vfpt5fau]{border:1px solid var(--color-border,#ccc);background:var(--color-bg,#fff);color:var(--color-text,#111);cursor:pointer;border-radius:4px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;transition:background .1s}.btn[data-astro-cid-vfpt5fau]:hover{background:var(--color-bg-hover,#f3f4f6)}.btn-primary[data-astro-cid-vfpt5fau]{color:#fff;background:#2563eb;border-color:#2563eb}.btn-primary[data-astro-cid-vfpt5fau]:hover{background:#1d4ed8}.detected[data-astro-cid-vfpt5fau]{color:var(--color-text-muted,#888);font-size:.75rem;font-family:var(--font-mono);margin-left:auto}.now-playing[data-astro-cid-vfpt5fau]{border:1px solid var(--color-border,#ccc);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:.875rem 1.25rem;display:grid}.np-label[data-astro-cid-vfpt5fau]{color:var(--color-text-muted,#888);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.current-char[data-astro-cid-vfpt5fau]{font-family:var(--font-mono);text-align:center;color:#2563eb;font-size:2rem;font-weight:700}.current-note[data-astro-cid-vfpt5fau]{font-family:var(--font-mono);color:var(--color-text-muted,#888);text-align:right;min-width:4rem;font-size:.875rem}.char-stream[data-astro-cid-vfpt5fau]{border:1px solid var(--color-border,#ccc);background:var(--color-bg-subtle,#f9fafb);word-break:break-word;white-space:pre-wrap;border-radius:6px;padding:.875rem 1rem;font-size:1rem;line-height:1.9}.char-stream[data-astro-cid-vfpt5fau] .ch[data-astro-cid-vfpt5fau]{border-radius:3px;padding:0 1px;transition:background .15s,color .15s;display:inline-block}.char-stream[data-astro-cid-vfpt5fau] .ch[data-astro-cid-vfpt5fau].played{color:var(--color-text-muted,#888)}.char-stream[data-astro-cid-vfpt5fau] .ch[data-astro-cid-vfpt5fau].current{color:#fff;background:#2563eb;padding:0 3px}.char-stream[data-astro-cid-vfpt5fau] .ch[data-astro-cid-vfpt5fau].rest{color:var(--color-text-muted,#aaa)}.info-details[data-astro-cid-vfpt5fau]{color:var(--color-text-muted,#666);margin-top:1rem;font-size:.8rem;line-height:1.6}.info-details[data-astro-cid-vfpt5fau] summary[data-astro-cid-vfpt5fau]{cursor:pointer;color:var(--color-text,#111);padding:.25rem 0;font-weight:600}.info-details[data-astro-cid-vfpt5fau] ul[data-astro-cid-vfpt5fau]{margin:.5rem 0 0;padding-left:1.25rem}.info-details[data-astro-cid-vfpt5fau] code[data-astro-cid-vfpt5fau]{background:var(--color-bg-subtle,#f3f4f6);font-family:var(--font-mono);border-radius:3px;padding:0 .2rem;font-size:.85em}html[data-theme=dark] .text-input[data-astro-cid-vfpt5fau],html[data-theme=dark] .select[data-astro-cid-vfpt5fau],html[data-theme=dark] .btn[data-astro-cid-vfpt5fau]{color:#e5e5e5;background:#1a1a1a;border-color:#444}html[data-theme=dark] .btn[data-astro-cid-vfpt5fau]:hover{background:#2a2a2a}html[data-theme=dark] .char-stream[data-astro-cid-vfpt5fau]{background:#1a1a1a;border-color:#444}html[data-theme=dark] .info-details[data-astro-cid-vfpt5fau] code[data-astro-cid-vfpt5fau]{background:#2a2a2a}@media (width<=600px){.now-playing[data-astro-cid-vfpt5fau]{text-align:center;grid-template-columns:1fr;gap:.5rem}.current-note[data-astro-cid-vfpt5fau]{text-align:center}}