/* ============================================================
   Image Inline Preview
   ============================================================ */

/* Wide dialog for landscape images */
.iip-dialog {
    max-width: 900px;
    width: 90%;
}

/* Body */
.iip-body {
    min-height: 160px;
    padding: 20px;
    text-align: center;
}

/* Spinner */
.iip-spinner {
    padding: 30px 0;
    color: #888;
}
.iip-spinner .fa-spinner {
    vertical-align: middle;
    margin-right: 6px;
}

/* Preview image — hidden until load fires */
#iip-img {
    display: none;
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 4px;
}

/* Responsive */
@media (max-width: 600px) {
    .iip-dialog {
        width: 96%;
        margin: 6px auto;
    }
    #iip-img {
        max-height: 60vh;
    }
}