#color-swatch { display:inline-block; width:26px; height:26px; flex-shrink:0; border:1px solid #9aa7b4; border-radius:50%; }
.label-preview-stage { min-height:245px; display:flex; justify-content:center; align-items:center; background:#e9eef5; border-radius:12px; margin:24px 0 12px; overflow:hidden; }
.filament-label { width:2in; height:1in; padding:.04in .06in; box-sizing:border-box; background:white; color:black; font-family:Arial,Helvetica,sans-serif; display:flex; flex-direction:row; align-items:center; gap:.06in; overflow:hidden; }
#label-preview { transform:scale(1.8); box-shadow:0 3px 12px #24394d25; border-radius:3px; }
.label-brand { font-size:12pt; font-weight:700; line-height:1.05; }
.label-type { font-size:22pt; font-weight:800; line-height:1.05; }
.label-color { font-size:18pt; font-weight:600; line-height:1.05; }
.label-code { font-size:9pt; line-height:1.05; }
.label-text { flex:1; min-width:0; height:100%; display:flex; flex-direction:column; justify-content:center; gap:.01in; }
.label-qr { flex:0 0 .85in; width:.85in; height:.85in; }
.label-qr svg { display:block; width:100%; height:100%; shape-rendering:crispEdges; }
.label-text > div { flex-shrink:0; overflow-wrap:anywhere; }
.label-code:empty { display:none; }
#filament-print-area { display:none; }
[hidden] { display:none !important; }
@media (max-width:450px) { #label-preview { transform:scale(1.25); } .label-preview-stage { min-height:180px; } }
@page { size:2in 1in; margin:0; }
@media print {
  html { width:auto !important; }
  body { margin:0 !important; padding:0 !important; width:2in !important; background:white !important; }
  body > nav, main > :not(#filament-print-area) { display:none !important; }
  main { margin:0 !important; padding:0 !important; width:2in !important; max-width:none !important; }
  #filament-print-area { display:block !important; margin:0; padding:0; }
  #filament-print-area .filament-label { border:0; border-radius:0; margin:0; box-shadow:none; break-after:page; page-break-after:always; break-inside:avoid; }
  #filament-print-area .filament-label:last-child { break-after:auto; page-break-after:auto; }
}

@media print {
  body[data-print-format="sheet"], body[data-print-format="sheet"] main { width:8.5in !important; }
  .label-sheet { position:relative; width:8.5in; height:11in; margin:0; padding:0; overflow:hidden; break-after:page; page-break-after:always; break-inside:avoid; }
  .label-sheet:last-child { break-after:auto; page-break-after:auto; }
  #filament-print-area .label-sheet .filament-label { position:absolute; break-after:auto; page-break-after:auto; }
}