.lens-label { position:relative; width:80mm; height:80mm; box-sizing:border-box; padding:0; background:#fff; color:#000; font-family:"Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif; font-size:9pt; line-height:1.15; overflow:hidden; flex-shrink:0; }
.lens-label * { box-sizing:border-box; }
.lens-label-main { height:60mm; padding:1.5mm; display:grid; grid-template-rows:4.5mm 10mm 9.5mm 4mm 4mm 4mm 4mm 7mm 10mm; }
.lens-label-brand { display:flex; align-items:flex-start; justify-content:space-between; }
.lens-label-brand>b { font-size:12pt; letter-spacing:.5mm; }
.lens-label-inspection { display:inline-flex; align-items:center; justify-content:center; height:4.5mm; padding:0 2mm; border:.2mm solid #555; border-radius:3mm; font-size:8pt; }
.lens-label-inspection.qualified { border:.25mm solid #000; color:#000; font-weight:700; }
.lens-label-header { display:flex; gap:2mm; height:10mm; align-items:flex-start; }
.lens-label-eye { font:700 27pt/.98 Arial,sans-serif; width:6.5mm; flex-shrink:0; padding-top:.25mm; }
.lens-label-title { flex:1; min-width:0; }
.lens-label-title>strong { display:block; font-size:11pt; line-height:1.13; font-weight:700; overflow-wrap:anywhere; }
.lens-label-title.long-title>strong { font-size:8.5pt; }
.lens-label-title>span { display:block; font-size:7pt; line-height:1.1; margin-top:.3mm; }
.lens-label-powers { display:grid; grid-template-columns:repeat(4,1fr); height:9.5mm; text-align:center; gap:1mm; padding:.3mm 0 .2mm; border-bottom:.18mm solid #000; }
.lens-label-powers span { display:block; font-size:7.2pt; padding-bottom:.4mm; white-space:nowrap; }
.lens-label-powers strong { display:block; font:600 15.5pt/1 Arial,"Microsoft YaHei",sans-serif; }
.lens-label-prisms { display:grid; grid-template-columns:1fr 1fr; height:4mm; gap:2mm; align-items:center; font-size:8pt; }
.lens-label-row { display:grid; height:4mm; align-items:center; gap:1.5mm; font-size:8.5pt; }
.lens-label-material { grid-template-columns:1fr 22mm; }
.lens-label-production { grid-template-columns:30mm 22mm 1fr; }
.lens-label-date { grid-template-columns:1fr 34mm; }
.label-pair { display:flex; gap:1mm; min-width:0; align-items:baseline; }
.label-pair>span { flex-shrink:0; font-weight:400; }
.label-pair>strong { min-width:0; font-weight:500; overflow-wrap:anywhere; }
.lens-label-footer { padding-top:.4mm; border-top:.15mm solid #000; font-size:7.1pt; line-height:1.15; }
.lens-label-footer>div:first-child { display:flex; justify-content:space-between; gap:2mm; min-height:2.5mm; }
.lens-label-standards { font-size:6.8pt; padding-top:.6mm; }
.lens-label-standards>div { display:flex; justify-content:space-between; font-size:7pt; margin-bottom:.4mm; }
.lens-label-standards>strong { font-weight:500; line-height:1.25; overflow-wrap:anywhere; }
.lens-label-security { position:absolute; top:60mm; left:0; width:80mm; height:20mm; border-top:.18mm solid #444; padding:.4mm 1.5mm; display:flex; align-items:center; gap:2mm; }
.lens-label-qr { display:block; width:16mm; height:16mm; flex-shrink:0; shape-rendering:crispEdges; }
.lens-label-code-block { width:19mm; height:19mm; flex-shrink:0; display:grid; grid-template-rows:16mm 2.7mm; row-gap:.3mm; justify-items:center; align-items:center; transform:translateX(3mm); }
.lens-label-security-number { display:block; width:16mm; height:2.7mm; font:600 5.89pt/2.7mm Consolas,monospace; text-align:center; white-space:nowrap; }
.lens-label-security.legacy { padding:.8mm 1.5mm; }
.lens-label-security.legacy .lens-label-qr { width:18mm; height:18mm; }
.lens-label-security-copy { flex:1; min-width:0; font-size:7.2pt; line-height:1.2; }
.lens-label-security-copy>b { display:block; font-size:10pt; margin-bottom:.6mm; }
.lens-label-security-copy>span,.lens-label-security-copy>small { display:block; }
.lens-label-security-copy>small { font-size:6.6pt; margin-top:.3mm; }
.lens-label-security-copy>p { font-size:6.5pt; line-height:1.2; margin:.7mm 0 0; }
.lens-label-security-copy>p>strong { font:600 6.5pt/1.2 Consolas,monospace; overflow-wrap:anywhere; }
.lens-label-dialog { width:min(1000px,calc(100% - 24px)); max-height:calc(100dvh - 32px); padding:24px; border:1px solid var(--line,#d7dce0); border-radius:10px; color:var(--ink,#17252d); }
.lens-label-dialog::backdrop { background:#15171b70; }
.lens-label-dialog-head { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:16px; }
.lens-label-dialog-head h2 { margin:0; font-size:20px; }
.lens-label-controls { display:flex; flex-wrap:wrap; gap:16px; align-items:end; padding:16px 0; }
.lens-label-controls .field { min-width:160px; flex:1; margin:0; }
.lens-label-editor { border:1px solid var(--line,#d7dce0); padding:16px; border-radius:8px; margin-bottom:16px; }
.lens-label-editor>summary { cursor:pointer; font-size:14px; font-weight:600; }
.lens-label-editor .form-grid { margin:16px 0; }
.lens-label-standards-field { grid-column:1/-1; }
.lens-label-content-eyes { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.lens-label-content-eyes .eye-form { min-width:0; padding:14px; }
.lens-label-section-label { margin:20px 0 0; font-size:14px; }
.lens-label-editor [hidden] { display:none!important; }
.lens-label-preview { display:flex; flex-wrap:wrap; gap:18px; padding:20px; background:#eef0f2; overflow:auto; max-height:50dvh; align-items:flex-start; }
.lens-label-preview-card { width:108mm; height:108mm; flex-shrink:0; }
.lens-label-preview-card .lens-label { transform:scale(1.35); transform-origin:top left; }
.lens-label-preview .lens-label { border-radius:2mm; outline:1px solid #d3d3d3; box-shadow:0 2px 8px #0001; }
.lens-label-notice,.lens-label-message { font-size:13px; line-height:1.65; margin:12px 0; }
.lens-label-message { color:#ad351f; min-height:1.65em; }
.lens-label-print-page { margin:0; background:#eef0f2; }
.lens-label-print-tools { padding:20px; font:14px/1.6 "Microsoft YaHei",sans-serif; }
.lens-label-print-tools button { padding:9px 18px; cursor:pointer; }
.lens-label-print-sheet { display:flex; flex-wrap:wrap; gap:12px; padding:20px; }
@media (max-width:600px) { .lens-label-dialog { padding:16px; } .lens-label-controls { gap:10px; } .lens-label-preview { padding:10px; } .lens-label-preview-card { width:80mm; height:80mm; } .lens-label-preview-card .lens-label { transform:none; } .lens-label-content-eyes { grid-template-columns:1fr; } }
@page { size:80mm 80mm; margin:0; }
@media print {
  html,body { margin:0!important; padding:0!important; width:80mm!important; background:#fff!important; }
  .lens-label-print-tools { display:none!important; }
  .lens-label-print-sheet { display:block; padding:0; margin:0; }
  .lens-label-print-sheet .lens-label { margin:0; border:0; border-radius:0; box-shadow:none; outline:none; break-inside:avoid; break-after:page; page-break-after:always; print-color-adjust:exact; }
  .lens-label-print-sheet .lens-label:last-child { break-after:auto; page-break-after:auto; }
}

.lens-label-compact { width:80mm; height:40mm; box-sizing:border-box; padding:1.3mm 2.2mm; background:#fff; color:#000; font-family:"Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif; font-size:7.8pt; line-height:1.12; overflow:hidden; flex-shrink:0; }.lens-label-compact * { box-sizing:border-box; }.lens-label-compact .lens-label-header { display:flex; gap:2mm; height:9mm; align-items:flex-start; }.lens-label-compact .lens-label-eye { font:700 22pt/.94 Arial,sans-serif; width:5.5mm; flex-shrink:0; padding-top:.25mm; }.lens-label-compact .lens-label-title { flex:1; min-width:0; }.lens-label-compact .lens-label-title>strong { display:block; font-size:9.5pt; line-height:1.12; font-weight:700; overflow-wrap:anywhere; }.lens-label-compact .lens-label-title.long-title>strong { font-size:7.8pt; }.lens-label-compact .lens-label-title>span { display:block; font-size:6.3pt; line-height:1.1; margin-top:.2mm; }.lens-label-compact .lens-label-powers { display:grid; grid-template-columns:repeat(4,1fr); height:8.5mm; text-align:center; gap:1mm; padding:.2mm 0 .4mm; border-bottom:.15mm solid #000; }.lens-label-compact .lens-label-powers span { display:block; font-size:7pt; padding-bottom:.4mm; white-space:nowrap; }.lens-label-compact .lens-label-powers strong { display:block; font:600 12pt/1 Arial,"Microsoft YaHei",sans-serif; }.lens-label-compact .lens-label-prisms { display:grid; grid-template-columns:1fr 1fr; height:3.4mm; gap:2mm; align-items:center; font-size:7.3pt; }.lens-label-compact .lens-label-row { display:grid; height:3.35mm; align-items:center; gap:1.5mm; }.lens-label-compact .lens-label-material { grid-template-columns:1fr 20mm; }.lens-label-compact .lens-label-production { grid-template-columns:30mm 21mm 1fr; }.lens-label-compact .lens-label-date { grid-template-columns:1fr 32mm; }.lens-label-compact .label-pair { display:flex; gap:1mm; min-width:0; align-items:baseline; }.lens-label-compact .label-pair>span { flex-shrink:0; font-weight:400; }.lens-label-compact .label-pair>strong { min-width:0; font-weight:500; overflow-wrap:anywhere; }.lens-label-compact .lens-label-footer { padding-top:.3mm; margin-top:.15mm; border-top:.15mm solid #000; font-size:6.8pt; line-height:1.15; }.lens-label-compact .lens-label-footer>div:first-child { display:flex; justify-content:space-between; gap:2mm; min-height:3mm; }.lens-label-compact .lens-label-footer>.label-pair { font-size:6.8pt; }

.lens-label-compact{page:lens-compact}.lens-label-preview-card.compact{width:116mm;height:58mm}.lens-label-preview-card.compact .lens-label{transform:scale(1.45)}
@media(max-width:600px){.lens-label-preview-card.compact{width:80mm;height:40mm}.lens-label-preview-card.compact .lens-label{transform:none}}
@page lens-compact{size:80mm 40mm;margin:0}

.lens-label-compact .lens-label-row{font-size:inherit}

/* Temporary clearance for current 25mm scratch-off stickers. */
.lens-label-security:not(.legacy) .lens-label-security-copy { margin-left:8mm; }
