.labels-page{min-height:100vh;background:var(--bg,#f4f6f8);padding:28px 18px 60px}.labels-shell,.record-shell{max-width:1180px;margin:0 auto}.labels-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.labels-heading h1,.record-shell h1{margin:5px 0 8px;color:var(--ink,#18232d)}.labels-heading p{max-width:720px;margin:0;color:var(--muted,#65727c)}.eyebrow{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#b36a25;font-weight:700}.labels-back{color:var(--ink,#18232d);font-weight:700}.labels-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:20px}.labels-form,.labels-preview-panel,.record-shell{background:#fff;border:1px solid rgba(24,35,45,.12);border-radius:8px;padding:22px;box-shadow:0 12px 30px rgba(24,35,45,.06)}.labels-form{display:grid;gap:14px;align-content:start}.labels-form label{display:grid;gap:6px;font-weight:700;color:var(--ink,#18232d);font-size:.9rem}.labels-form input,.labels-form select{border:1px solid #c9d1d7;border-radius:6px;padding:11px;background:#fff;font:inherit;color:inherit}.labels-actions{display:flex;gap:10px;flex-wrap:wrap}.labels-note{font-size:.8rem;line-height:1.5;color:var(--muted,#65727c);margin:0}.labels-preview-panel h2{margin:5px 0 0}.labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px}.print-label{background:#fff;border:1px dashed #aeb8bf;padding:14px;break-inside:avoid;min-height:260px}.print-label-brand{font-weight:800;letter-spacing:.06em;color:#b36a25;border-bottom:1px solid #d9dee2;padding-bottom:8px}.print-label-brand span{float:right;font-size:.68rem;letter-spacing:0;color:#65727c}.print-label h3{margin:13px 0 2px}.print-label-id{font-family:monospace;font-size:.75rem;color:#65727c;margin:0}.print-label-body{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;margin-top:12px}.label-qr{width:100px;height:100px;image-rendering:pixelated}.print-label-body p{font-size:.8rem;line-height:1.35}.print-label footer{border-top:1px solid #e3e7ea;margin-top:12px;padding-top:8px;color:#65727c;font-size:.72rem}.labels-empty{grid-column:1/-1;padding:28px;text-align:center;color:#65727c;border:1px dashed #c9d1d7}.record-shell{max-width:680px;margin:60px auto}.record-shell dl{display:grid;gap:12px;margin:28px 0}.record-shell dl div{padding:12px;background:#f4f6f8;border-radius:6px}.record-shell dt{font-size:.72rem;text-transform:uppercase;color:#65727c}.record-shell dd{margin:4px 0 0;font-weight:700}@media(max-width:760px){.labels-heading{display:block}.labels-back{display:inline-block;margin-top:14px}.labels-layout{grid-template-columns:1fr}.labels-preview-panel .between{align-items:flex-start;gap:10px}}
@media print{body{background:#fff}.site-header,.labels-heading,.labels-form,.labels-preview-panel>.between,.bottom-nav,.cart-fab,.toast{display:none!important}.labels-page{padding:0}.labels-preview-panel{border:0;box-shadow:none;padding:0}.labels-grid{grid-template-columns:repeat(3,1fr);gap:7mm;margin:0}.print-label{border:1px solid #777;min-height:0;padding:4mm}.label-qr{width:25mm;height:25mm}}