.bd-waveform-container{width:100%;height:120px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;position:relative}.bd-waveform-container canvas{width:100%;height:100%;display:block}.bd-waveform-loading{display:flex;align-items:center;justify-content:center;gap:8px;height:120px;color:#64748b;font-size:13px}#bd-range-section{margin:.75rem 0}.bd-range-label{font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:6px;display:block}.bd-range-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.bd-range-btn{padding:6px 8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#334155;font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.bd-range-btn:hover{border-color:#e07203;color:#e07203}.bd-range-btn.active{background:#e07203;border-color:#e07203;color:#fff}.bd-preview{display:flex;align-items:center;gap:10px;padding:.5rem 0}.bd-play-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#e07203;cursor:pointer;transition:all .15s;flex-shrink:0}.bd-play-btn svg{fill:#fff;flex-shrink:0}.bd-play-btn:hover{background:#ad6924;transform:scale(1.05)}.bd-play-btn .bd-pause-icon,.bd-play-btn.playing .bd-play-icon{display:none}.bd-play-btn.playing .bd-pause-icon{display:block}.bd-time{font-family:var(--font-mono);font-size:13px;color:#334155}.bd-time-sep{color:#94a3b8;font-size:12px}.bd-result-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem;background:linear-gradient(135deg,#fdf3e7,#fbe4c8);border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;border-radius:12px;margin:1rem 0}.bd-label{font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:1px;color:#47392c}.bd-value{font-family:var(--font-mono);font-size:4rem;font-weight:700;line-height:1;color:#000}.bd-unit{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;letter-spacing:2px;color:#47392c}.bd-meta-row{display:flex;align-items:center;gap:16px;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.08);width:100%;justify-content:center}.bd-confidence{display:flex;align-items:center;gap:8px}.bd-confidence-label{font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.bd-confidence-dots{display:flex;gap:4px}.bd-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0}.bd-dot.active{background:#e07203}.bd-tempo{font-family:var(--font-sans);font-size:13px;font-weight:500;font-style:italic;color:#64748b}.bd-variants{display:flex;align-items:baseline;gap:8px;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.08)}.bd-variant{font-family:var(--font-mono);font-size:14px;font-weight:500;color:#94a3b8}.bd-variant-main{font-size:18px;font-weight:700;color:#e07203}.bd-variant-sep{color:#cbd5e1;font-size:14px}.bd-metronome{display:flex;align-items:center;gap:12px;padding:.75rem 0}.bd-metronome-label{font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.bd-metronome-dot{width:20px;height:20px;border-radius:50%;background:#e07203;opacity:.4}.bd-metronome-dot.pulsing{animation:bd-pulse .3s ease-out}@keyframes bd-pulse{0%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:.4}}.bd-stats-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;font-size:13px;font-weight:500;color:#059669}.bd-stats-badge svg{flex-shrink:0}.bd-batch-results{margin:.75rem 0}.bd-batch-table{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.bd-batch-header,.bd-batch-row{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;border-radius:8px;min-width:0}.bd-batch-header{background:transparent;font-weight:700;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.bd-batch-row{background:#f8fafc;border:1px solid #e2e8f0}.bd-batch-idx{font-weight:700;color:#e07203;font-size:11px;min-width:24px;flex-shrink:0}.bd-batch-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;min-width:0}.bd-batch-bpm{font-family:var(--font-mono);font-weight:700;color:#0f172a;min-width:40px;text-align:right;flex-shrink:0}.bd-batch-conf{font-size:11px;color:#64748b;min-width:50px;flex-shrink:0}.bd-batch-tempo{font-size:11px;font-style:italic;color:#64748b;min-width:60px;flex-shrink:0}.bd-export-row{display:flex;gap:8px}.bd-export-btn{padding:6px 14px;border:1px solid #e07203;border-radius:8px;background:transparent;color:#e07203;font-family:var(--font-sans);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.bd-export-btn:hover{background:#e0720314}.bd-file-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.bd-file-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;min-width:0}.bd-file-idx{font-weight:700;color:#e07203;font-size:11px;min-width:20px;flex-shrink:0}.bd-file-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;min-width:0}.bd-file-item-size{font-size:11px;color:#64748b;white-space:nowrap;flex-shrink:0}.bd-batch-progress{font-family:var(--font-sans);font-size:12px;color:#64748b;padding:6px 0}html[data-theme=dark] .bd-waveform-container,.dark .bd-waveform-container{background:#1f1f23;border-color:#3f3f46}html[data-theme=dark] .bd-waveform-loading,.dark .bd-waveform-loading,html[data-theme=dark] .bd-range-label,.dark .bd-range-label{color:#a1a1aa}html[data-theme=dark] .bd-range-btn,.dark .bd-range-btn{background:#27272a;border-color:#3f3f46;color:#d4d4d8}html[data-theme=dark] .bd-range-btn:hover,.dark .bd-range-btn:hover{border-color:#e07203;color:#e07203}html[data-theme=dark] .bd-range-btn.active,.dark .bd-range-btn.active{background:#e07203;border-color:#e07203;color:#fff}html[data-theme=dark] .bd-time,.dark .bd-time{color:#d4d4d8}html[data-theme=dark] .bd-time-sep,.dark .bd-time-sep{color:#52525b}html[data-theme=dark] .bd-result-display,.dark .bd-result-display{background:linear-gradient(135deg,#3b2510,#5c3a14,#47392c);border-color:#e0720340;box-shadow:0 4px 12px #e072031f,0 2px 4px #0003}html[data-theme=dark] .bd-label,.dark .bd-label{color:#fde68a}html[data-theme=dark] .bd-value,.dark .bd-value{color:#fff}html[data-theme=dark] .bd-unit,.dark .bd-unit{color:#fde68a}html[data-theme=dark] .bd-meta-row,.dark .bd-meta-row{border-top-color:#ffffff14}html[data-theme=dark] .bd-confidence-label,.dark .bd-confidence-label{color:#d4d4d8}html[data-theme=dark] .bd-dot,.dark .bd-dot{background:#fff3}html[data-theme=dark] .bd-dot.active,.dark .bd-dot.active{background:#e07203}html[data-theme=dark] .bd-tempo,.dark .bd-tempo{color:#d4d4d8}html[data-theme=dark] .bd-variants,.dark .bd-variants{border-top-color:#ffffff14}html[data-theme=dark] .bd-variant,.dark .bd-variant{color:#a1a1aa}html[data-theme=dark] .bd-variant-main,.dark .bd-variant-main{color:#e07203}html[data-theme=dark] .bd-variant-sep,.dark .bd-variant-sep{color:#52525b}html[data-theme=dark] .bd-metronome-label,.dark .bd-metronome-label{color:#a1a1aa}html[data-theme=dark] .bd-stats-badge,.dark .bd-stats-badge{background:#10b98114;border-color:#10b98133;color:#34d399}html[data-theme=dark] .bd-batch-header,.dark .bd-batch-header{color:#a1a1aa}html[data-theme=dark] .bd-batch-row,.dark .bd-batch-row{background:#1f1f23;border-color:#3f3f46}html[data-theme=dark] .bd-batch-name,.dark .bd-batch-name{color:#d4d4d8}html[data-theme=dark] .bd-batch-bpm,.dark .bd-batch-bpm{color:#e4e4e7}html[data-theme=dark] .bd-batch-conf,.dark .bd-batch-conf,html[data-theme=dark] .bd-batch-tempo,.dark .bd-batch-tempo{color:#a1a1aa}html[data-theme=dark] .bd-export-btn,.dark .bd-export-btn{border-color:#e07203;color:#e07203}html[data-theme=dark] .bd-export-btn:hover,.dark .bd-export-btn:hover{background:#e072031f}html[data-theme=dark] .bd-file-item,.dark .bd-file-item{background:#1f1f23;border-color:#3f3f46}html[data-theme=dark] .bd-file-item-name,.dark .bd-file-item-name{color:#d4d4d8}html[data-theme=dark] .bd-file-item-size,.dark .bd-file-item-size,html[data-theme=dark] .bd-batch-progress,.dark .bd-batch-progress{color:#a1a1aa}@media(max-width:600px){.bd-range-grid{grid-template-columns:repeat(2,1fr)}.bd-batch-row{flex-wrap:wrap}.bd-batch-name{width:100%}.bd-value{font-size:3rem}}@media(max-width:480px){.bd-batch-header{display:none}.bd-export-row{flex-wrap:wrap}.bd-export-btn{flex:1 1 auto;min-height:44px}.bd-meta-row{flex-direction:column;gap:8px}}