.loudness-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loudness-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3339;border-radius:16px;outline:1px solid #fff3;width:90%;max-width:400px;padding:24px;font-family:sans-serif;animation:.25s ease-out fadeIn;box-shadow:0 10px 30px #0000004d}.loudness-modal h2{margin-bottom:12px;font-size:20px}.loudness-modal-subtext{color:#555;margin-top:8px;font-size:14px}.loudness-modal-buttons{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.loudness-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:background .2s}.loudness-btn.cancel{color:#333;background-color:#e5e7eb}.loudness-btn.cancel:hover{background-color:#d1d5db}.loudness-btn.continue{color:#fff;background-color:#dc2626}.loudness-btn.continue:hover{background-color:#b91c1c}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.loudness-modal{border-radius:12px;max-width:95%;padding:16px}.loudness-modal h2{margin-bottom:10px;font-size:18px}.loudness-modal-subtext{font-size:13px}.loudness-modal-buttons{flex-direction:column;align-items:stretch;gap:10px}.loudness-btn{padding:10px;font-size:15px}}
.spectrum-wrapper{flex-direction:column;gap:4px;width:100%;max-height:100%;display:flex}.spectrum-canvas{cursor:pointer;width:100%;height:30px}.spectrum-time{color:var(--time-color,#aaa);justify-content:space-between;font-size:12px;display:flex}:root{--wave-color:var(--red);--progress-color:#555;--time-color:#888}