.barcode-image-tool{max-width:980px;margin:0 0 64px}.barcode-image-controls,.barcode-image-result{border:1px solid var(--line,#d8ddd6);background:var(--paper,#fff);border-radius:16px;margin:20px 0;padding:24px}.barcode-image-tool label{margin-bottom:10px;font-weight:650;display:block}.barcode-image-tool input{border:1px solid var(--line,#d8ddd6);max-width:100%;font:inherit;border-radius:8px;padding:10px}.barcode-image-tool input[readonly]{min-width:260px;margin-bottom:14px;font-family:ui-monospace,monospace;font-size:1.3rem;display:block}.barcode-image-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.barcode-image-tool button{cursor:pointer}.barcode-image-tool button:not(.pe-button){font:inherit;color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:10px 15px}.barcode-image-tool button:disabled{opacity:.5;cursor:default}.barcode-image-preview{border:1px solid var(--line,#d8ddd6);border-radius:16px;margin:24px 0;padding:16px}.barcode-image-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:420px;margin:auto;display:block}.barcode-image-preview figcaption{overflow-wrap:anywhere;margin-top:14px;font-size:.9rem}.barcode-image-error{border-left:3px solid;padding-left:12px}.barcode-image-result h2{font-family:Georgia,serif;font-size:1.9rem;font-weight:400}.barcode-image-result p{max-width:760px}.barcode-image-tool :focus-visible{outline-offset:4px;outline:3px solid}