/*
 * This file contains critical layout styles to prevent CLS (Cumulative Layout Shift).
 * It should be loaded in the header.
 */

.mpv-container-placeholder {
    position: relative;
    width: 100%;
    /* A4 paper aspect ratio is ~1:1.414. We use padding-bottom to enforce this. */
    /* Adjust this value if your PDFs have a different common aspect ratio. */
    padding-bottom: 141.4%; 
    background-color: #f0f2f5; /* A light grey background for the placeholder */
    border: 1px solid #e0e0e0;
    border-radius: 0.5rem; /* 8px */
}

#pdf-container.is-rendering .mpv-container-placeholder {
    display: none; /* Hide the placeholder once rendering starts */
}