.barcode-hero .lead{max-width:880px}.barcode-panel,.barcode-results,.barcode-note,.barcode-integrity{border:1px solid rgba(16,21,20,.16);border-radius:16px;background:#fff;padding:1.1rem;min-width:0}.barcode-integrity{border-left:5px solid #2e725b;background:#f1f8f5;margin:1rem 0}.barcode-panel{display:grid;gap:1rem;margin:1rem 0}.barcode-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.barcode-field{display:grid;gap:.4rem;font-weight:700}.barcode-field.wide{grid-column:1/-1}.barcode-field input,.barcode-field select{width:100%;box-sizing:border-box;border:1px solid #89958f;border-radius:10px;padding:.72rem;font:inherit}.barcode-check{display:flex;align-items:center;gap:.55rem;font-weight:700}.barcode-actions{display:flex;flex-wrap:wrap;gap:.65rem}.barcode-actions .button{min-height:44px}.barcode-error{color:#8a251e;font-weight:700;min-height:1.4em}.barcode-status{font-weight:700}.barcode-results[hidden]{display:none}.barcode-preview{overflow:auto;max-width:100%;background:#fff;border:1px solid #d9dfdc;border-radius:12px;padding:1rem}.barcode-preview svg{display:block;max-width:100%;height:auto;margin:auto}.barcode-value{overflow-wrap:anywhere;font:700 1rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.barcode-grid,.barcode-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.barcode-card{display:block;border:1px solid rgba(16,21,20,.16);border-radius:16px;padding:1rem;background:#fff}.barcode-card strong{display:block;font-size:1.15rem;margin:.25rem 0}.barcode-field :focus-visible,.barcode-actions :focus-visible{outline:3px solid #e8b84d;outline-offset:2px}@media(max-width:780px){.barcode-fields,.barcode-grid,.barcode-notes{grid-template-columns:1fr}.barcode-field.wide{grid-column:auto}.barcode-panel,.barcode-results,.barcode-note,.barcode-integrity{padding:1rem}.barcode-actions .button{width:100%}}