.barcode-fields{display:grid;gap:28px;margin-top:18px}.barcode-fields .tool-field,.barcode-options-grid .tool-field{gap:9px}.barcode-fields label,.barcode-options-grid label{line-height:1.4}.barcode-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:28px}.barcode-format-hint{margin:0;color:var(--muted);font-size:.75rem;line-height:1.6}.barcode-fields .barcode-format-hint{margin-top:2px}.barcode-preview{display:grid;place-items:center;min-height:220px;overflow:auto;padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff}.barcode-preview svg{display:block;max-width:100%;height:auto}.barcode-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.barcode-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.barcode-item{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px}.barcode-item-label{font-weight:600;overflow-wrap:anywhere}.barcode-item .barcode-preview{min-height:160px}.barcode-item .barcode-result-actions{margin-top:0}.barcode-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.barcode-usage-grid>section{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.barcode-usage h3{margin:0 0 8px;font-size:1rem}.barcode-usage-grid h3{margin-top:0}.barcode-usage p{margin:0}.barcode-usage pre{margin:10px 0 0;padding:10px 12px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);font:inherit;line-height:1.55}.barcode-usage code{white-space:pre}@media(max-width:640px){.barcode-options-grid,.barcode-items{grid-template-columns:1fr}.barcode-preview{min-height:180px;padding:14px}.barcode-usage-grid{grid-template-columns:1fr}}
.barcode-result [data-barcode-download-all]{border-color:var(--brand);color:#fff;font-weight:700;background:var(--brand);box-shadow:0 3px 10px color-mix(in srgb,var(--brand) 28%,transparent)}.barcode-result [data-barcode-download-all]:hover{filter:brightness(1.08);color:#fff}
.barcode-fields,.barcode-fields .tool-field,.barcode-options-grid .tool-field{min-width:0}