.container--barcode{max-width:1060px}.barcode-intro{background:linear-gradient(135deg,#edf8f5 0%,#f1f5ff 100%);border:1px solid #cbe3dc}.barcode-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:1.2rem;align-items:start;margin-top:1.25rem}.barcode-panel{min-width:0;border:1px solid #d6e4e0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(23,54,49,.07);padding:1.25rem}.barcode-panel h2{margin:0 0 1rem}.barcode-field-stack{display:grid;gap:.55rem}.barcode-field-stack label,.barcode-settings label{font-weight:800;color:#173a35}.barcode-field-stack input,.barcode-field-stack select,.barcode-settings select{width:100%;min-height:46px;border:1px solid #9cb8b1;border-radius:10px;background:#fff;color:#173a35;padding:.68rem .75rem;font:inherit}.barcode-field-stack input:focus-visible,.barcode-field-stack select:focus-visible,.barcode-settings select:focus-visible,.barcode-check:focus-within{outline:3px solid #efb15e;outline-offset:2px}.barcode-format-help,.barcode-note,.barcode-status{color:#526963;font-size:.92rem}.barcode-error{min-height:1.5rem;margin:.5rem 0 0;color:#a22727;font-weight:750}.barcode-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}.barcode-check{grid-column:1/-1;display:flex;gap:.6rem;align-items:center;border-radius:8px;font-weight:700!important}.barcode-check input{width:1.2rem;height:1.2rem}.barcode-actions,.barcode-downloads{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.barcode-actions .button,.barcode-downloads .button{min-height:44px}.barcode-preview-panel{background:linear-gradient(155deg,#173f39 0%,#235e54 100%);color:#fff}.barcode-preview-panel h2{color:#fff}.barcode-preview-stage{display:flex;min-height:230px;align-items:center;justify-content:center;overflow-x:auto;border-radius:14px;background:#fff;padding:1rem;color:#526963}.barcode-preview-stage svg{display:block;max-width:100%;height:auto;flex:none}.barcode-preview-empty{margin:auto;text-align:center}.barcode-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0 0}.barcode-meta div{min-width:0;border-top:1px solid rgba(255,255,255,.22);padding-top:.65rem}.barcode-meta dt{color:#cfe7e1;font-size:.86rem}.barcode-meta dd{margin:.2rem 0 0;color:#fff;font-weight:800;overflow-wrap:anywhere}.barcode-preview-panel .button--secondary{background:#fff;color:#173f39;border-color:#fff}.barcode-preview-panel .button:disabled{opacity:.48;cursor:not-allowed}.barcode-preview-panel .barcode-note,.barcode-preview-panel .barcode-status{color:#e3f2ee}.barcode-guide{margin-top:1.25rem}.barcode-guide code{white-space:normal;overflow-wrap:anywhere}.barcode-faq details{border-top:1px solid #d8e4e1;padding:.8rem 0}.barcode-faq summary{cursor:pointer;font-weight:800}.barcode-faq p{margin:.55rem 0 0}
@media(max-width:780px){.barcode-workspace{grid-template-columns:1fr}.barcode-preview-panel{order:2}}
@media(max-width:640px){.container--barcode{padding-left:14px;padding-right:14px}.barcode-panel{padding:1rem;border-radius:14px}.barcode-settings,.barcode-meta{grid-template-columns:1fr}.barcode-actions,.barcode-downloads{display:grid;grid-template-columns:1fr}.barcode-actions .button,.barcode-downloads .button{width:100%;min-height:48px}.barcode-preview-stage{min-height:190px;padding:.7rem}}