.barcode-tool{max-width:920px;margin:auto}.barcode-tool .panel{padding:22px;margin:20px 0;border:1px solid var(--line,#ddd);border-radius:12px}.barcode-tool .controls,.barcode-tool .actions{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.barcode-tool label{display:grid;gap:6px}.barcode-tool textarea{width:100%;min-height:150px;box-sizing:border-box}.barcode-tool input,.barcode-tool select,.barcode-tool textarea,.barcode-tool button{font:inherit;padding:9px;max-width:100%}.barcode-tool .inline{display:flex;align-items:center;gap:8px}.barcode-tool .hint{font-size:.9rem;color:var(--muted,#666)}.barcode-tool .table-wrap{overflow:auto}.barcode-tool table{border-collapse:collapse;width:100%}.barcode-tool th,.barcode-tool td{text-align:left;padding:10px;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.barcode-tool #preview{overflow:auto;max-height:350px;padding:20px;background:white;color:black}.barcode-tool #preview svg{display:block;max-width:100%;max-height:290px;margin:auto;width:auto;height:auto}.barcode-tool [hidden]{display:none!important}.barcode-tool #status{white-space:pre-line}.barcode-tool .error{color:#b42318}@media(max-width:600px){.barcode-tool .panel{padding:14px}.barcode-tool .controls>label{width:100%}}