body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Dimensi kertas untuk pratinjau, dikontrol via JS */ #photo-grid-container { display: flex; flex-wrap: wrap; gap: 4mm; /* Jarak antar foto */ align-content: flex-start; overflow: hidden; transition: width 0.3s ease, height 0.3s ease; transform-origin: top center; /* Untuk animasi skala */ } .photo-cell { width: 3cm; height: 4cm; box-sizing: border-box; overflow: hidden; } .photo-cell img { width: 100%; height: 100%; object-fit: cover; } /* === CSS KHUSUS UNTUK PRINT === */ @media print { /* Sembunyikan panel kontrol dan notifikasi */ aside, #notification { display: none !important; } /* Atur ulang layout utama agar area cetak memenuhi halaman */ body, .container, .grid, main#print-area { display: block !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } /* Pastikan kontainer foto tidak memiliki style layar (bayangan, border, dll) */ #photo-grid-container { transform: scale(1) !important; box-shadow: none !important; border: none !important; margin: 0 !important; /* Margin diatur oleh dialog print */ padding: 0 !important; } /* Pastikan border foto tercetak dengan benar */ .photo-cell.with-border { border: 1px solid #ccc !important; /* Properti ini penting agar browser mau mencetak warna dan border */ print-color-adjust: exact; } }