.h17-preview{display:flex;flex-direction:column;gap:16px}.h17-print-page{background:#fff;padding:10mm}.h17-label-grid{display:grid;grid-template-columns:repeat(4,45mm);grid-auto-rows:45mm;gap:3mm}.h17-qr-label{width:45mm;height:45mm;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1mm;border:1px solid #ddd;background:#fff;color:#111;text-align:center}.h17-qr-code{width:32mm;height:32mm;display:flex;align-items:center;justify-content:center}.h17-qr-code svg{display:block;width:32mm;height:32mm;aspect-ratio:1}.h17-qr-label strong{font-size:14px;line-height:1}.h17-qr-label small{font-size:8px;line-height:1}.h17-preview .h17-print-page:nth-child(n+2){border-top:1px solid #ddd}@media(max-width:700px){.h17-label-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px}.h17-qr-label{width:100%;height:auto;min-height:180px}.h17-qr-code{width:min(32mm,70vw);height:min(32mm,70vw)}}@media print{body>*:not(dialog){display:none!important}dialog.wide-dialog{position:static!important;display:block!important;border:0!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important}dialog.wide-dialog>*:not(.h17-preview){display:none!important}.h17-preview{display:block}.h17-print-page{width:190mm;height:277mm;box-sizing:border-box;padding:0;break-after:page;page-break-after:always}.h17-print-page:last-child{break-after:auto;page-break-after:auto}.h17-label-grid{width:190mm;height:237mm;grid-template-columns:repeat(4,45mm);grid-template-rows:repeat(5,45mm);gap:3mm}.h17-qr-label{border:0}.h17-qr-code svg{width:32mm;height:32mm}}