.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#d1d5db;border-radius:2px;outline:none;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s}.slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.slider::-moz-range-track{background:#d1d5db;border:none;border-radius:2px;height:4px}.slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s}.slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.dark .slider{background:#4b5563}.dark .slider::-webkit-slider-thumb{background:#60a5fa}.dark .slider::-webkit-slider-thumb:hover{background:#3b82f6}.dark .slider::-moz-range-track{background:#4b5563}.dark .slider::-moz-range-thumb{background:#60a5fa}.dark .slider::-moz-range-thumb:hover{background:#3b82f6}.volume-slider::-webkit-slider-track{background:linear-gradient(to right,#10b981 0%,#10b981 var(--volume-percent,50%),#d1d5db var(--volume-percent,50%),#d1d5db 100%)}.volume-slider::-moz-range-track{background:linear-gradient(to right,#10b981 0%,#10b981 var(--volume-percent,50%),#d1d5db var(--volume-percent,50%),#d1d5db 100%)}.fade-slider::-webkit-slider-track{background:linear-gradient(to right,#f59e0b 0%,#f59e0b var(--fade-percent,0%),#d1d5db var(--fade-percent,0%),#d1d5db 100%)}.fade-slider::-moz-range-track{background:linear-gradient(to right,#f59e0b 0%,#f59e0b var(--fade-percent,0%),#d1d5db var(--fade-percent,0%),#d1d5db 100%)}.waveform-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.selection-area{pointer-events:none;z-index:5;background:rgba(59,130,246,.2);border:1px solid #3b82f6;position:absolute}.selection-handle{cursor:ew-resize;z-index:6;background:#3b82f6;width:8px;height:100%;position:absolute}.selection-handle.left{left:-4px}.selection-handle.right{right:-4px}.clip-tools{color:#fff;white-space:nowrap;z-index:10;background:rgba(0,0,0,.8);border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.clip-tools button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:2px;margin:0 2px;padding:2px 4px}.clip-tools button:hover{background:rgba(255,255,255,.2)}.timeline-marker{pointer-events:none;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.playhead{pointer-events:none;z-index:10;background:#ef4444;width:2px;position:absolute;top:0;bottom:0}.playhead:before{content:"";border-top:8px solid #ef4444;border-left:4px solid transparent;border-right:4px solid transparent;width:0;height:0;position:absolute;top:-4px;left:-4px}.track-selected{box-shadow:0 0 0 2px #3b82f6}.btn-hover{transition:all .2s}.btn-hover:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background:rgba(0,0,0,.8);border-radius:4px;padding:4px 8px;font-size:12px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.3s ease-out slideIn}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}