.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
#resume-form::-webkit-scrollbar { width: 6px; }
#resume-form::-webkit-scrollbar-track { background: transparent; }
#resume-form::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 10px; }

/* The actual A4 aspect ratio and exact dimension for print */
.a4-page {
    width: 210mm;
    min-height: 297mm;
    background: white;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

/* For the editor preview */
.scale-container {
    transform: scale(0.65);
    transform-origin: top center;
    width: 210mm;
    margin: 0 auto;
    transition: transform 0.2s ease-in-out;
}
@media (min-width: 1280px) {
    .scale-container {
        transform: scale(0.85);
    }
}

/* Print styles */
@media print {
    body { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
    body * { visibility: hidden; }
    #resume-preview, #resume-preview * { visibility: visible; }
    #resume-preview {
        position: absolute;
        left: 0;
        top: 0;
        width: 210mm !important;
        height: 297mm !important;
        margin: 0;
        padding: 0;
        box-shadow: none;
        transform: none !important;
    }
    @page { margin: 0; size: A4 portrait; }
}

.template-thumbnail-wrapper {
    width: 100%;
    aspect-ratio: 21 / 29.7;
    position: relative;
    overflow: hidden;
    background: #f1f5f9;
}
.template-thumbnail-scaler {
    width: 210mm;
    height: 297mm;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top center;
    pointer-events: none;
}