/**
 * Cropper Visibility Fix
 * ---------------------
 * Prevents black canvas / invisible image issue.
 * Does NOT alter layout outside cropping session.
 */

/* Ensure cropper canvas is transparent */
.cropper-container,
.cropper-canvas,
.cropper-wrap-box {
    background: transparent !important;
}

/* Force image visibility */
.mg-cropping .mg-avatar-preview img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
}

/* Ensure preview container is not scaling */
.mg-cropping .mg-avatar-preview {
    transform: none !important;
    background: transparent !important;
}