.barcode-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:22px;align-items:start;margin-top:18px}.barcode-controls{display:grid;gap:14px}.barcode-preview{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;border:1px solid rgba(148,163,184,.35);border-radius:16px;background:#fff}.barcode-preview canvas{display:block;max-width:100%;height:auto}.barcode-empty{color:#64748b;text-align:center}.barcode-actions{display:flex;flex-wrap:wrap;gap:10px}.barcode-actions .button{width:auto}.barcode-status{min-height:1.4em;margin:0;color:#64748b;font-size:13px}.barcode-status.is-error{color:#dc2626}.barcode-status.is-warning{color:#b45309}.barcode-help{margin:0;color:#64748b;font-size:12px;line-height:1.55}.barcode-checksum{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#475569}.barcode-checksum input{width:auto}.barcode-color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.barcode-color-field{display:flex;align-items:center;gap:8px}.barcode-color-field input[type=color]{width:44px;height:42px;padding:3px;cursor:pointer}
@media(max-width:820px){.barcode-layout{grid-template-columns:1fr}.barcode-preview{min-height:240px;padding:14px}}@media print{body *{visibility:hidden!important}#barcodePreview,#barcodePreview *{visibility:visible!important}#barcodePreview{position:fixed;inset:0;border:0;display:flex;align-items:center;justify-content:center;background:#fff}}