/* Audio Compressor Styles */

/* Audio Preview */
.audio-preview-wrapper {
    background-color: rgba(0, 0, 0, 0.02);
    padding: 15px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-bs-theme="dark"] .audio-preview-wrapper {
    background-color: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.1);
}

.audio-preview {
    width: 100%;
    outline: none;
}

/* Range Sliders */
#threshold,
#ratio,
#attack,
#release,
#knee,
#makeupGain {
    height: 8px;
    border-radius: 4px;
    background: #e9ecef;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #ced4da;
}

#threshold::-webkit-slider-track,
#ratio::-webkit-slider-track,
#attack::-webkit-slider-track,
#release::-webkit-slider-track,
#knee::-webkit-slider-track,
#makeupGain::-webkit-slider-track {
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(to right, #e9ecef 0%, var(--bs-primary-text-emphasis) 100%);
    border: none;
}

#threshold::-moz-range-track,
#ratio::-moz-range-track,
#attack::-moz-range-track,
#release::-moz-range-track,
#knee::-moz-range-track,
#makeupGain::-moz-range-track {
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(to right, #e9ecef 0%, var(--bs-primary-text-emphasis) 100%);
    border: 1px solid #ced4da;
}

#threshold::-webkit-slider-thumb,
#ratio::-webkit-slider-thumb,
#attack::-webkit-slider-thumb,
#release::-webkit-slider-thumb,
#knee::-webkit-slider-thumb,
#makeupGain::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--bs-primary-text-emphasis);
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

#threshold::-moz-range-thumb,
#ratio::-moz-range-thumb,
#attack::-moz-range-thumb,
#release::-moz-range-thumb,
#knee::-moz-range-thumb,
#makeupGain::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--bs-primary-text-emphasis);
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
}

/* Dark mode sliders */
[data-bs-theme="dark"] #threshold,
[data-bs-theme="dark"] #ratio,
[data-bs-theme="dark"] #attack,
[data-bs-theme="dark"] #release,
[data-bs-theme="dark"] #knee,
[data-bs-theme="dark"] #makeupGain {
    background: #6c757d;
    border-color: #495057;
}

[data-bs-theme="dark"] #threshold::-webkit-slider-track,
[data-bs-theme="dark"] #ratio::-webkit-slider-track,
[data-bs-theme="dark"] #attack::-webkit-slider-track,
[data-bs-theme="dark"] #release::-webkit-slider-track,
[data-bs-theme="dark"] #knee::-webkit-slider-track,
[data-bs-theme="dark"] #makeupGain::-webkit-slider-track {
    background: linear-gradient(to right, #495057 0%, #6ea8fe 100%);
}

[data-bs-theme="dark"] #threshold::-moz-range-thumb,
[data-bs-theme="dark"] #ratio::-moz-range-thumb,
[data-bs-theme="dark"] #attack::-moz-range-thumb,
[data-bs-theme="dark"] #release::-moz-range-thumb,
[data-bs-theme="dark"] #knee::-moz-range-thumb,
[data-bs-theme="dark"] #makeupGain::-moz-range-thumb {
    background: #6ea8fe;
    border-color: #212529;
}

/* Responsive */
@media (max-width: 768px) {

}