.barcode-workspace,.barcode-workspace section{min-width:0}.barcode-workspace .btn{min-height:44px}.barcode-field{gap:10px;min-width:0;display:grid}.barcode-field input,.barcode-field select{width:100%}.barcode-ranges{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;display:grid}.barcode-ranges label>span{flex-wrap:wrap;justify-content:space-between;gap:8px;min-height:42px;font-size:13px;display:flex}.barcode-ranges output{font:12px var(--font-mono);color:var(--color-muted)}.barcode-check{align-items:center;gap:12px;min-height:44px;display:flex}.barcode-check input{accent-color:var(--color-accent);flex-shrink:0;width:16px;height:16px}.barcode-preview{border:var(--rule);background:#fff;border-radius:12px;grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;height:280px;padding:14px;display:grid;overflow:auto}.barcode-preview canvas{object-fit:contain;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;image-rendering:pixelated;display:block}.barcode-preview p{color:#5b6170;text-align:center;margin:0;font-size:13px;line-height:1.6}.barcode-description{min-height:60px;margin:0}.barcode-uses{border-top:var(--rule);padding-top:12px}.barcode-uses summary{cursor:pointer;min-height:44px}.barcode-uses p{line-height:1.7}.barcode-workspace [hidden]{display:none!important}.barcode-workspace [data-barcode-status].error{color:var(--color-danger,#bc3341)}@media (width<=767px){.barcode-field .input,.barcode-field .native-select{font-size:16px}.barcode-workspace .action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.barcode-workspace .action-row .btn{padding-inline:8px;font-size:12px}.barcode-preview{height:260px}.barcode-ranges label>span{font-size:12px}}.barcode-ranges input{min-height:44px;accent-color:var(--color-accent);margin:0}