.ac-drop-zone{border:2px dashed #d1d5db;border-radius:.75rem;padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#f9fafbcc}.ac-drop-zone:hover,.ac-drop-zone.ac-drag-over{border-color:#3b82f6;background:#3b82f60d}.ac-drop-zone-icon{font-size:2.5rem;margin-bottom:.75rem}.ac-drop-zone-text{font-size:.95rem;color:#6b7280}.ac-drop-zone-hint{font-size:.78rem;color:#9ca3af;margin-top:.5rem}#ac-editor{display:none}.ac-file-info{font-size:.82rem;color:#6b7280;margin-bottom:.5rem}.ac-waveform-wrap{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#f9fafbcc;padding:.5rem}#ac-waveform{width:100%;height:140px;display:block}.ac-slider-container{position:relative;height:36px;margin-top:.5rem;user-select:none;touch-action:none}#ac-slider-track{position:absolute;top:10px;left:0;right:0;height:16px;background:#e5e7eb;border-radius:8px;cursor:pointer}#ac-range-left{position:absolute;top:0;left:0;height:16px;background:#0003;border-radius:8px 0 0 8px;pointer-events:none}#ac-range-right{position:absolute;top:0;right:0;height:16px;background:#0003;border-radius:0 8px 8px 0;pointer-events:none}#ac-range-fill{position:absolute;top:0;height:16px;background:#3b82f6;border-radius:4px;pointer-events:none}.ac-handle{position:absolute;top:-4px;width:24px;height:24px;background:#fff;border:2px solid #3b82f6;border-radius:50%;cursor:ew-resize;transform:translate(-50%);z-index:2;box-shadow:0 1px 4px #00000026;touch-action:none}.ac-handle:hover{box-shadow:0 0 0 4px #3b82f633,0 1px 4px #00000026}.ac-time-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:#6b7280;margin-top:.25rem;flex-wrap:wrap;gap:.5rem}.ac-time-row span{font-variant-numeric:tabular-nums}.ac-time-label{font-weight:600;color:#374151}#ac-time-duration{font-weight:700;color:#3b82f6;font-size:.9rem}.ac-actions-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.ac-actions-row button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#ffffffe6;color:#374151;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.ac-actions-row button:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60f}.ac-actions-row button:disabled{opacity:.5;cursor:not-allowed}.ac-actions-row button.ac-btn-active{background:#dbeafe;border-color:#3b82f6;color:#2563eb}#ac-btn-export{background:#3b82f6;color:#fff;border-color:#3b82f6}#ac-btn-export:hover:not(:disabled){background:#2563eb;color:#fff}.ac-bitrate-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#6b7280}#ac-bitrate{padding:.3rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.82rem;background:#ffffffe6;color:#374151;cursor:pointer}.ac-progress-row{display:none;align-items:center;gap:.75rem;font-size:.82rem;color:#6b7280;margin-top:.5rem}#ac-progress-bar{width:120px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}#ac-progress-bar:after{content:"";display:block;width:40%;height:100%;background:#3b82f6;border-radius:2px;animation:ac-progress-slide 1s infinite}@keyframes ac-progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}#ac-toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.ac-toast{background:#1f2937;color:#fff;padding:.6rem 1rem;border-radius:.5rem;font-size:.82rem;opacity:0;transform:translate(20px);transition:opacity .3s,transform .3s;pointer-events:auto}.ac-toast-error{background:#991b1b}.ac-toast.ac-toast-show{opacity:1;transform:translate(0)}:root[data-theme=dark] .ac-drop-zone,html.dark .ac-drop-zone{border-color:#4b5563;background:#1f2937cc}:root[data-theme=dark] .ac-drop-zone:hover,html.dark .ac-drop-zone:hover,:root[data-theme=dark] .ac-drop-zone.ac-drag-over,html.dark .ac-drop-zone.ac-drag-over{border-color:#60a5fa;background:#3b82f614}:root[data-theme=dark] .ac-drop-zone-text,html.dark .ac-drop-zone-text{color:#9ca3af}:root[data-theme=dark] .ac-drop-zone-hint,html.dark .ac-drop-zone-hint{color:#6b7280}:root[data-theme=dark] .ac-file-info,html.dark .ac-file-info{color:#9ca3af}:root[data-theme=dark] .ac-waveform-wrap,html.dark .ac-waveform-wrap{border-color:#4b5563;background:#1f2937cc}:root[data-theme=dark] #ac-slider-track,html.dark #ac-slider-track{background:#4b5563}:root[data-theme=dark] #ac-range-left,html.dark #ac-range-left,:root[data-theme=dark] #ac-range-right,html.dark #ac-range-right{background:#00000059}:root[data-theme=dark] #ac-range-fill,html.dark #ac-range-fill{background:#3b82f6}:root[data-theme=dark] .ac-handle,html.dark .ac-handle{background:#1f2937;border-color:#60a5fa}:root[data-theme=dark] .ac-time-row,html.dark .ac-time-row{color:#9ca3af}:root[data-theme=dark] .ac-time-label,html.dark .ac-time-label{color:#d1d5db}:root[data-theme=dark] #ac-time-duration,html.dark #ac-time-duration{color:#60a5fa}:root[data-theme=dark] .ac-actions-row button,html.dark .ac-actions-row button{border-color:#4b5563;background:#1f2937cc;color:#d1d5db}:root[data-theme=dark] .ac-actions-row button:hover,html.dark .ac-actions-row button:hover{border-color:#60a5fa;color:#60a5fa;background:#3b82f61a}:root[data-theme=dark] .ac-actions-row button.ac-btn-active,html.dark .ac-actions-row button.ac-btn-active{background:#3b82f626;border-color:#60a5fa;color:#93c5fd}:root[data-theme=dark] #ac-btn-export,html.dark #ac-btn-export{background:#3b82f6;color:#fff;border-color:#3b82f6}:root[data-theme=dark] #ac-btn-export:hover:not(:disabled),html.dark #ac-btn-export:hover:not(:disabled){background:#2563eb;color:#fff}:root[data-theme=dark] .ac-bitrate-row,html.dark .ac-bitrate-row{color:#9ca3af}:root[data-theme=dark] #ac-bitrate,html.dark #ac-bitrate{border-color:#4b5563;background:#1f2937cc;color:#d1d5db}@media(prefers-color-scheme:dark){.ac-drop-zone{border-color:#4b5563;background:#1f2937cc}.ac-drop-zone:hover,.ac-drop-zone.ac-drag-over{border-color:#60a5fa;background:#3b82f614}.ac-drop-zone-text{color:#9ca3af}.ac-drop-zone-hint{color:#6b7280}.ac-file-info{color:#9ca3af}.ac-waveform-wrap{border-color:#4b5563;background:#1f2937cc}#ac-slider-track{background:#4b5563}#ac-range-left,#ac-range-right{background:#00000059}#ac-range-fill{background:#3b82f6}.ac-handle{background:#1f2937;border-color:#60a5fa}.ac-time-row{color:#9ca3af}.ac-time-label{color:#d1d5db}#ac-time-duration{color:#60a5fa}.ac-actions-row button{border-color:#4b5563;background:#1f2937cc;color:#d1d5db}.ac-actions-row button:hover{border-color:#60a5fa;color:#60a5fa;background:#3b82f61a}.ac-actions-row button.ac-btn-active{background:#3b82f626;border-color:#60a5fa;color:#93c5fd}#ac-btn-export{background:#3b82f6;color:#fff;border-color:#3b82f6}#ac-btn-export:hover:not(:disabled){background:#2563eb;color:#fff}.ac-bitrate-row{color:#9ca3af}#ac-bitrate{border-color:#4b5563;background:#1f2937cc;color:#d1d5db}}@media(max-width:480px){.ac-actions-row,.ac-time-row{justify-content:center}}