.barcode-save{display:inline-block;padding:12px 16px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.barcode-save:hover{filter:brightness(1.12)}.barcode-save[aria-disabled=true]{opacity:.4;pointer-events:none;cursor:default}.barcode-save:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.barcode-result{position:sticky;top:95px}.barcode-stage{text-align:left;padding:14px;background:#fff;overflow-x:auto;border:1px solid #e3e6ef}.barcode-stage svg{display:block;max-width:none;height:auto;margin-inline:auto}.barcode-stage:focus-visible{outline:3px solid var(--blue);outline-offset:3px}#barcode-value{font-family:ui-monospace,monospace}#barcode-error:empty,#barcode-status:empty,#barcode-size:empty{display:none}#barcode-status{overflow-wrap:anywhere}#barcode-example{margin:8px 0 0}#barcode-copy{padding:12px 16px;font-size:14px;margin:0}.barcode-result .ux-actions{gap:8px}.barcode-result .hint{font-size:12px;line-height:1.6}#barcode-form .ux-switch{font-size:14px;align-items:center}@media(max-width:760px){.barcode-result{position:static}.barcode-save{padding:12px 14px}}