:root{--id-card-width:85.6mm;--id-card-height:53.98mm;--id-card-border-radius:3mm;--id-card-padding:3mm;--print-page-width:210mm;--print-page-height:297mm;--print-margin:10mm}.id-card{width:var(--id-card-width);height:var(--id-card-height);border-radius:var(--id-card-border-radius);overflow:hidden;position:relative;background:white;box-shadow:0 2px 8px rgba(0,0,0,.1);print-color-adjust:exact;-webkit-print-color-adjust:exact}.id-card-preview{display:inline-block;transform-origin:top left}.id-card-preview-scaled{transform:scale(2);margin:50px}@media print{@page{size:A4;margin:var(--print-margin)}body{margin:0;padding:0}.id-card-container{width:var(--id-card-width);height:var(--id-card-height);page-break-inside:avoid;position:relative;print-color-adjust:exact;-webkit-print-color-adjust:exact}.id-card-grid-4{grid-template-rows:repeat(2,var(--id-card-height));gap:5mm}.id-card-grid-4,.id-card-grid-8{display:grid;grid-template-columns:repeat(2,var(--id-card-width));page-break-after:always}.id-card-grid-8{grid-template-rows:repeat(4,var(--id-card-height));gap:3mm}.id-card-cut-guide{border:1px dashed #ccc}.no-print{display:none!important}.id-card img{max-width:100%;height:auto;print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media (max-width:768px){.id-card-preview-scaled{transform:scale(1.5);margin:30px}}@media (max-width:480px){.id-card-preview-scaled{transform:scale(1);margin:20px}}@media print{@page{size:A4 portrait;margin:10mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body{margin:0;padding:0;background:white}body>:not(.id-card-print-container){display:none!important}.id-card-print-container{display:block!important;width:100%;height:100%}.id-card-container{width:85.6mm;height:53.98mm;page-break-inside:avoid;position:relative;overflow:hidden}.id-card-grid-4{display:grid!important;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5mm;width:100%;page-break-after:always}.id-card-grid-4 .id-card-container{width:85.6mm;height:53.98mm}.id-card-grid-8{display:grid!important;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:3mm;width:100%;page-break-after:always}.id-card-grid-8 .id-card-container{width:85.6mm;height:53.98mm}.id-card-grid-4:last-child,.id-card-grid-8:last-child{page-break-after:auto}.id-card-with-guides{position:relative;padding:2mm}.id-card-with-guides:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed rgba(0,0,0,.2);pointer-events:none}.id-card img{display:block;max-width:100%;height:auto}.id-card,.id-card *,.id-card img{-webkit-print-color-adjust:exact;print-color-adjust:exact}.id-card,.id-card *{color-adjust:exact}.controls,.no-print,.print-hide,.sidebar,button,footer,header,nav{display:none!important}.print-show{display:block!important}.id-card,.id-card-container{page-break-inside:avoid;break-inside:avoid}.id-card-qr canvas,.id-card-qr svg{max-width:100%;height:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}.id-card-text{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.print-preview-mode{background:#e5e7eb;padding:20px;min-height:100vh}.print-preview-page{background:white;width:210mm;min-height:297mm;margin:0 auto 20mm;padding:10mm;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative}@media print{.print-preview-mode,.print-preview-page{background:none;padding:0}.print-preview-page{box-shadow:none;margin:0;width:auto;height:auto}}