/* Minimal, overridable styles for Hover Image Preview */

.hover-preview {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-image 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.hover-preview img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.2s ease-in-out;
}

/* Thumb utility (optional, safe defaults). Not required for functionality. */
.hover-thumb {
    cursor: pointer;
}