/* Barcode label pack landing page (tools/create-barcode-label-pack only) */
.tpb-hero{align-items:start}
.tpb-hero .store-lead{margin-bottom:16px}
.tpb-points{margin:0 0 6px;padding:0;list-style:none;display:grid;gap:8px;font-size:15px;line-height:1.5;color:#2c3a31;max-width:600px}
.tpb-points li{position:relative;padding-left:24px}
.tpb-points li::before{content:"";position:absolute;left:3px;top:.42em;width:10px;height:6px;border-left:2px solid #2f7a45;border-bottom:2px solid #2f7a45;transform:rotate(-45deg)}
.tpb-start .store-purchase{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.tpb-start .store-secondary{display:inline-flex;align-items:center;min-height:44px}
.tpb-limits{margin:12px 0 0;font-size:14px;line-height:1.55;color:#2c3a31}
.tpb-limits strong{color:#17271f}
.tpb-start .store-offer small{font-size:12px;color:#4f5c53}

/* What you get preview */
.tpb-preview{display:grid;gap:12px}
.tpb-preview .store-example-label{margin-bottom:4px}
.tpb-step-label{margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4f5c53}
.tpb-step-out{display:flex;align-items:center;gap:8px}
.tpb-step-out::before{content:"\2193";font-size:16px;line-height:1;color:#4f5c53}
.tpb-sheet{display:grid;gap:6px;min-width:0}
.tpb-table-wrap{max-width:100%;overflow-x:auto}
.tpb-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #cfd6cb;font-size:13px;line-height:1.35;color:#17271f}
.tpb-table th,.tpb-table td{padding:6px 8px;border:1px solid #dde2d8;text-align:left;vertical-align:top}
.tpb-table thead th{background:#eef1ea;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700}
.tpb-table td:first-child,.tpb-table th:first-child{width:1%;white-space:nowrap;color:#4f5c53;background:#f4f6f1;text-align:center}
.tpb-table td:nth-child(2){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}
.tpb-table tr.tpb-bad td{background:#fdecea;color:#7a1f16}
.tpb-table tr.tpb-bad td:first-child{background:#f9d9d4;color:#7a1f16;font-weight:800}
.tpb-labels{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tpb-label{display:grid;grid-template-rows:auto 1fr auto;gap:5px;aspect-ratio:7/4;min-width:0;padding:8px 9px 6px;background:#fff;border:1px solid #c9d0c4;border-radius:4px;box-shadow:0 2px 0 #17271f14,0 6px 16px #17271f10}
.tpb-label-name{font-size:12px;font-weight:600;line-height:1.2;text-align:center;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpb-bars{display:block;width:100%;height:100%;min-height:34px;fill:#000}
.tpb-label-foot{font-size:10px;line-height:1.2;color:#3d463f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpb-reject{margin:0;padding:9px 12px;border-left:3px solid #b3261e;background:#fdecea;border-radius:0 6px 6px 0;font-size:13px;line-height:1.5;color:#5c1a13}
.tpb-reject strong{color:#7a1f16}
.tpb-preview figcaption{margin-top:6px}

/* Sheet setup section */
.tpb-guide{width:100%;margin:16px 0;border-collapse:collapse;font-size:15px;line-height:1.5}
.tpb-guide th,.tpb-guide td{padding:10px 12px;border-bottom:1px solid #dfe4da;text-align:left;vertical-align:top}
.tpb-guide thead th{font-size:13px;color:#4f5c53;border-bottom:2px solid #c9d0c4}
.tpb-guide tbody th{font-weight:700;white-space:nowrap}
.tpb-guide td:nth-child(2){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}
.tpb-rules{margin:10px 0 16px;padding:0;list-style:none;display:grid;gap:8px}
.tpb-rules li{padding:8px 12px;border-radius:6px;background:#f4f6f1;line-height:1.5}
.tpb-rules strong{margin-right:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}
.tpb-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:8px}
.tpb-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-underline-offset:3px}
.tpb-demo-title{margin:0 0 8px;font-size:22px;line-height:1.3}
.tpb-start a:focus-visible,.tpb-links a:focus-visible{outline:3px solid #284de8;outline-offset:3px}

@media (max-width:760px){
  .tpb-points{font-size:14px}
  .tpb-labels{display:flex;flex-wrap:wrap;justify-content:center}
  .tpb-label{width:calc(50% - 5px)}
  .tpb-start .store-offer{grid-template-columns:1fr;gap:12px}
  .tpb-start .store-offer>div,.tpb-start .store-offer>a,.tpb-start .store-offer>p{grid-column:1;grid-row:auto;white-space:normal}
  .tpb-start .store-offer>a{display:inline-flex;align-items:center;min-height:44px;justify-self:start}
  .tpb-guide{font-size:14px}
  .tpb-guide th,.tpb-guide td{padding:8px 6px}
  .tpb-guide tbody th{white-space:normal}
}
@media (max-width:380px){
  .tpb-table{font-size:12px}
  .tpb-table th,.tpb-table td{padding:5px 5px}
  .tpb-table td:nth-child(2){font-size:11px}
}
@media (prefers-reduced-motion:reduce){.tpb-start *{transition:none}}