.barcode-grid{align-items:start}
.barcode-left{display:flex;flex-direction:column;gap:14px;min-width:0}
.barcode-left .opt{min-width:0}
.barcode-left .inp{width:100%;box-sizing:border-box}
.barcode-lines{min-height:130px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.barcode-check{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;cursor:pointer}
.barcode-check input{margin-top:4px;width:17px;height:17px;flex:none}
.barcode-status:empty,.barcode-warn:empty{display:none}
.barcode-alert{margin:0;flex-wrap:wrap;align-items:center}
.barcode-alert span{flex:1 1 200px}
.barcode-errs{margin:6px 0 0;padding-left:18px;font-weight:500}
.barcode-warn .alert{margin:0 0 8px}
.barcode-design{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--soft)}
.barcode-design summary{font-weight:700;cursor:pointer}
.barcode-design[open] summary{margin-bottom:14px}
.barcode-design>*+*{margin-top:14px}
.barcode-design .seg{background:#fff}
.barcode-design .opt{min-width:110px;flex:1 1 110px}
.barcode-num{width:100%}
.barcode-color{width:64px;height:40px;border:1px solid #d6dae4;border-radius:10px;padding:2px;background:#fff;cursor:pointer}
.barcode-right{display:flex;flex-direction:column;gap:12px;min-width:0}
.barcode-stage{grid-template-columns:minmax(0,1fr);justify-items:center;padding:16px;min-height:220px;background:#fff}
.barcode-cv{max-width:100%;height:auto!important}
.barcode-empty{text-align:center;padding:30px 20px;margin:0}
.barcode-count{margin:0;font-size:14px}
.barcode-count:empty{display:none}
.barcode-dl .btn{flex:1 1 auto}
.barcode-gs1{margin:0;font-size:13.5px;color:var(--mut);display:flex;gap:8px;align-items:flex-start}
.barcode-gs1 svg{width:18px;height:18px;flex:none;color:var(--acc)}
.barcode-grid [hidden]{display:none!important}
.barcode-about{margin:0;font-size:14px}
.barcode-left>.opt{flex:none}