:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[hidden]{display:none!important}body{max-width:640px;margin:2rem auto;padding:0 1rem}.drop-zone{text-align:center;cursor:pointer;border:2px dashed #94a3b8;border-radius:8px;padding:2rem}.drop-zone.is-dragover{background:#1d4ed814;border-color:#1d4ed8}canvas#waveform{background:#f1f5f9;border-radius:4px;width:100%;height:120px;margin-top:1rem}.controls{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.file-info{color:#475569;margin-top:.5rem;font-size:.875rem}.speed-section,.band-section{margin-top:2rem}.speed-section label{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.speed-section .mode-toggle{font-size:.875rem}.hint{color:#64748b;margin-top:.375rem;font-size:.8125rem}.band-inputs{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.band-error{color:#dc2626;min-height:1.25rem;font-size:.875rem}.band-list{flex-direction:column;gap:.375rem;padding:0;list-style:none;display:flex}.export-section{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.export-section .hint{width:100%;margin-top:0}.band-list li{color:#1e293b;background:#f1f5f9;border-radius:4px;align-items:center;gap:.5rem;width:fit-content;padding:.375rem .625rem;display:flex}.band-list li button{color:#1e293b}
