/* Physical label geometry is shared by the preview and the printed sheet. */
#label-dialog {width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:24px}
#label-dialog .dialog-heading {align-items:flex-start;gap:16px}
#label-dialog .dialog-heading h2 {font-size:24px}
#label-dialog .label-dialog-intro {margin:8px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}
#label-dialog .label-controls {display:grid;gap:16px;margin:22px 0}
#label-dialog .label-layout-picker {min-width:0;margin:0;padding:0;border:0}
#label-dialog .label-layout-picker legend {padding:0;margin-bottom:8px;font-size:15px;font-weight:700}
#label-dialog .label-layout-picker>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#label-dialog .label-layout-picker label {position:relative;min-width:0;cursor:pointer}
#label-dialog .label-layout-picker input {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#label-dialog .label-layout-picker label>span {display:grid;align-content:center;gap:4px;min-height:52px;padding:12px;border:1px solid var(--line);border-radius:16px;transition:background .18s ease,border-color .18s ease}
#label-dialog .label-layout-picker strong {font-size:15px;font-weight:650;line-height:1.3}
#label-dialog .label-layout-picker small {font-size:14px;color:var(--muted)}
#label-dialog .label-layout-picker input:checked+span {border-color:#8ea9bb;background:linear-gradient(120deg,#e9e4f2,#d9edf1)}
#label-dialog .label-layout-picker input:focus-visible+span {outline:3px solid var(--focus);outline-offset:3px}
#label-dialog .label-preview {display:grid;justify-items:center;gap:16px;padding:24px 12px 16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#eeecf2,#e5eff0)}
#label-dialog .label-preview-sheet {display:block;zoom:1.55;border:0;background:#fff;box-shadow:0 2px 9px #26364820}
#label-dialog .label-preview-caption {margin:0;font-size:14px;line-height:1.4;text-align:center;color:var(--muted)}
#label-dialog .qr-print-label {--label-width:80mm;--label-height:32mm;--label-qr:24mm;--label-font:9pt;--label-name-font:13pt;box-sizing:border-box;position:relative;display:grid;grid-template-columns:var(--label-qr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:2mm;row-gap:.7mm;width:var(--label-width);height:var(--label-height);min-width:var(--label-width);max-width:none;max-height:none;margin:0;padding:2mm;border:0;border-radius:0;box-shadow:none;text-align:left;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:var(--label-font);line-height:1.08;letter-spacing:normal;overflow:visible}
#label-dialog .qr-print-label[data-label-size="small"] {--label-width:65mm;--label-height:25mm;--label-qr:20mm;--label-font:7.5pt;--label-name-font:10.5pt}
#label-dialog .qr-print-label[data-label-orientation="portrait"] {--label-width:40mm;--label-height:50mm;--label-qr:22mm;--label-font:8pt;--label-name-font:12pt;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--label-qr) minmax(0,1fr);gap:.8mm;text-align:center}
#label-dialog .qr-print-label[data-label-size="small"][data-label-orientation="portrait"] {--label-width:32mm;--label-height:40mm;--label-qr:18mm;--label-font:7pt;--label-name-font:9pt;padding:1.5mm}
#label-dialog .qr-print-label[data-label-font-step="1"] {--label-font:8.5pt;--label-name-font:12pt}
#label-dialog .qr-print-label[data-label-font-step="2"] {--label-font:8pt;--label-name-font:11pt}
#label-dialog .qr-print-label[data-label-font-step="3"] {--label-font:7.5pt;--label-name-font:10pt}
#label-dialog .qr-print-label[data-label-font-step="4"] {--label-font:7pt;--label-name-font:9pt}
#label-dialog .qr-print-label[data-label-size="small"][data-label-font-step="1"] {--label-font:7pt;--label-name-font:10pt}
#label-dialog .qr-print-label[data-label-size="small"][data-label-font-step="2"] {--label-font:7pt;--label-name-font:9.5pt}
#label-dialog .qr-print-label[data-label-size="small"][data-label-font-step="3"] {--label-font:7pt;--label-name-font:9pt}
#label-dialog .qr-print-label[data-label-size="small"][data-label-font-step="4"] {--label-font:7pt;--label-name-font:8.5pt}
#label-dialog .qr-print-label[data-label-orientation="portrait"][data-label-font-step="1"] {--label-font:7.5pt;--label-name-font:11pt}
#label-dialog .qr-print-label[data-label-orientation="portrait"][data-label-font-step="2"] {--label-font:7pt;--label-name-font:10pt}
#label-dialog .qr-print-label[data-label-orientation="portrait"][data-label-font-step="3"] {--label-font:7pt;--label-name-font:9pt}
#label-dialog .qr-print-label[data-label-orientation="portrait"][data-label-font-step="4"] {--label-font:7pt;--label-name-font:8.5pt}
#label-dialog .qr-print-label[data-label-size="small"][data-label-orientation="portrait"][data-label-font-step="1"] {--label-font:7pt;--label-name-font:8.5pt}
#label-dialog .qr-print-label[data-label-size="small"][data-label-orientation="portrait"][data-label-font-step="2"] {--label-font:7pt;--label-name-font:8pt}
#label-dialog .qr-print-label[data-label-size="small"][data-label-orientation="portrait"][data-label-font-step="3"] {--label-font:7pt;--label-name-font:7.5pt}
#label-dialog .qr-print-label[data-label-size="small"][data-label-orientation="portrait"][data-label-font-step="4"] {--label-font:7pt;--label-name-font:7pt}
#label-dialog .qr-print-label::before,#label-dialog .qr-print-label::after {content:none}
#label-dialog .qr-print-label .label-cut-border {position:absolute;inset:1mm;width:calc(100% - 2mm);height:calc(100% - 2mm);margin:0;padding:0;overflow:visible;fill:none;pointer-events:none}
#label-dialog .qr-print-label .label-cut-border rect {fill:none;stroke:#a2a2a2;stroke-width:.15mm;stroke-dasharray:6 4;stroke-linecap:round}
#label-dialog .qr-print-label .label-cut-border path {fill:none;stroke:#a2a2a2;stroke-width:.15mm;stroke-dasharray:none;stroke-linecap:round}
#label-dialog .qr-print-label h3 {display:block;min-width:0;max-height:none;margin:0;padding:0;font-family:inherit;font-size:var(--label-name-font);line-height:1.05;font-weight:700;letter-spacing:normal;color:#000;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;text-transform:none}
#label-dialog .qr-print-label #label-qr {display:block;grid-column:1;grid-row:1 / -1;align-self:center;justify-self:center;width:var(--label-qr);height:var(--label-qr);min-width:var(--label-qr);max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;aspect-ratio:1;object-fit:contain}
#label-dialog .qr-print-label .label-details {display:grid;grid-column:2;grid-row:1;align-self:start;align-content:start;gap:.45mm;min-width:0;min-height:0;margin:0;padding:0;color:#000}
#label-dialog .qr-print-label .label-details>div {display:block;min-width:0;max-width:none;margin:0;padding:0;font-family:inherit;font-size:var(--label-font);font-weight:400;line-height:1.08;letter-spacing:normal;color:#000;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;text-transform:none}
#label-dialog .qr-print-label[data-label-orientation="portrait"] #label-qr {grid-column:1;grid-row:1}
#label-dialog .qr-print-label[data-label-orientation="portrait"] .label-details {grid-column:1;grid-row:2;align-self:start;gap:.4mm}
#label-dialog .label-status,#label-dialog .label-fit-message,#label-dialog .label-notices p,#label-dialog .label-caution,#label-dialog .label-link {font-size:14px;line-height:1.45}
#label-dialog .label-fit-message {margin:16px 0;padding:12px 14px;border:1px solid #cb9890;border-radius:14px;color:#812c27;background:#fff0ec}
#label-dialog .label-fit-message[hidden] {display:none}
#label-dialog .label-notices {margin:16px 0;padding:12px 14px;border-radius:14px;background:var(--surface-alt,#f0f1ee);color:var(--muted)}
#label-dialog .label-notices p {margin:0}
#label-dialog .label-notices p+p {margin-top:8px}
#label-dialog .actions {margin-top:18px;gap:10px}
#label-dialog .actions button {min-height:46px;font-size:15px}
#label-dialog .label-link {overflow-wrap:anywhere}
#label-dialog .label-caution {color:var(--muted);margin:16px 0 0}
html[data-theme="dark"] #label-dialog .label-preview {background:linear-gradient(135deg,#242631,#1d3034)}
html[data-theme="dark"] #label-dialog .label-layout-picker input:checked+span {background:linear-gradient(120deg,#363344,#243e47);border-color:#90acbd}
html[data-theme="dark"] #label-dialog .qr-print-label {background:#fff;color:#000}
html[data-theme="dark"] #label-dialog .label-fit-message {background:#372420;color:#ffc2b9;border-color:#86564d}
@media (max-width:520px) {
  #label-dialog {padding:16px}
  #label-dialog .label-preview-sheet {zoom:1}
  #label-dialog .label-layout-picker label>span {padding:10px 8px}
}
@media (max-width:380px) {
  #label-dialog .label-preview-sheet {zoom:.76}
  #label-dialog[data-label-orientation="portrait"] .label-preview-sheet {zoom:1}
  #label-dialog .label-layout-picker strong {font-size:14px}
}
@media (prefers-reduced-motion:reduce) {#label-dialog .label-layout-picker label>span {transition:none}}
@media (forced-colors:active) {
  #label-dialog .label-layout-picker input:checked+span {outline:2px solid Highlight}
  #label-dialog .qr-print-label,#label-dialog .qr-print-label * {forced-color-adjust:none}
}

/* The selected paper stylesheet exists only while this dialog is open. */
@media print {
  html:has(#label-dialog[open]),body:has(#label-dialog[open]) {display:block!important;position:static!important;margin:0!important;padding:0!important;background:#fff!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;overflow:visible!important;transform:none!important;zoom:1!important}
  body:has(#label-dialog[open])>*:not(#label-dialog) {display:none!important}
  #label-dialog[open] {position:static!important;display:block!important;inset:auto!important;float:none!important;width:80mm!important;height:auto!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;zoom:1!important;animation:none!important;transition:none!important}
  #label-dialog[open][data-label-size="small"] {width:65mm!important}
  #label-dialog[open][data-label-orientation="portrait"] {width:40mm!important}
  #label-dialog[open][data-label-size="small"][data-label-orientation="portrait"] {width:32mm!important}
  #label-dialog[open]::backdrop {display:none!important}
  #label-dialog[open]>*:not(.label-preview),#label-dialog[open] .label-preview-caption {display:none!important}
  #label-dialog[open] .label-preview {display:block!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;transform:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important}
  #label-dialog[open] .label-preview-sheet {display:block!important;width:auto!important;height:auto!important;zoom:1!important;transform:none!important;float:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
  #label-dialog[open] .qr-print-label {break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}