/* Pixahunt AI Product Photo Studio Styles */
.checkerboard-pattern {
    background-color: #121216;
    background-image:
        linear-gradient(45deg, #1f2029 25%, transparent 25%),
        linear-gradient(-45deg, #1f2029 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #1f2029 75%),
        linear-gradient(-45deg, transparent 75%, #1f2029 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

.custom-range-slider {
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    border-radius: 9999px;
    background: #272732;
    outline: none;
    transition: background 0.2s;
}

.custom-range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f97316;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(249, 115, 22, 0.5);
    border: 2px solid #ffffff;
    transition: transform 0.15s, background-color 0.15s;
}

.custom-range-slider::-webkit-slider-thumb:hover {
    transform: scale(1.15);
    background: #ea580c;
}

.custom-range-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f97316;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(249, 115, 22, 0.5);
    border: 2px solid #ffffff;
}

/* Custom scrollbars for preset drawers */
.thin-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.thin-scrollbar::-webkit-scrollbar-track {
    background: #111118;
    border-radius: 4px;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
    background: #2c2d3a;
    border-radius: 4px;
}
.thin-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #3f4154;
}