.custom-zone-preview {
    position: relative;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
    overflow: hidden;
    border-radius: 4px;
}

.custom-zone-preview__template {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Zona activă: contur + umbră mare = overlay întunecat pe restul imaginii */
.custom-zone-preview__hole {
    position: absolute;
    box-sizing: border-box;
    border: 2px solid #F95D2C;
    background: transparent;
    pointer-events: none;
    z-index: 2;
    box-shadow:
        0 0 0 2px rgba(249, 93, 44, 0.85),
        0 0 0 9999px rgba(20, 16, 12, 0.58);
}

.custom-zone-preview__hole.is-circle {
    border-radius: 50%;
}

.custom-zone-preview__user {
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    z-index: 1;
}

/* După upload: zona rămâne clară, restul tot peisaj întunecat */
.custom-zone-preview.is-filled .custom-zone-preview__hole {
    background: transparent;
    box-shadow:
        0 0 0 2px rgba(249, 93, 44, 0.95),
        0 0 0 9999px rgba(20, 16, 12, 0.62);
}