.vm-barcode-root{--vmb-blue:#1769e7;--vmb-blue-dark:#0f58c9;--vmb-blue-soft:#eef5ff;--vmb-text:#263a55;--vmb-muted:#6f8096;--vmb-border:#dce6f1;--vmb-bg:#f7faff;--vmb-success:#16834b;--vmb-danger:#c43d4d;display:block;width:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--vmb-text)}
.vm-barcode-root *{box-sizing:border-box}.vmb-shell{display:grid;gap:14px;width:min(100%,1060px);margin:0 auto}.vmb-card{border:1px solid var(--vmb-border);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(37,67,107,.055)}
.vmb-intro{display:grid;justify-items:center;padding:20px 20px 18px;text-align:center}.vmb-privacy{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-bottom:12px;padding:7px 11px;border:1px solid #d6e8ff;border-radius:999px;background:#f5f9ff;color:#4171ad;font-size:10px;font-weight:800}.vmb-privacy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vmb-tool-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:10px;border-radius:18px;background:linear-gradient(145deg,#eef5ff,#f9fbff);color:var(--vmb-blue);box-shadow:inset 0 0 0 1px #dce9fb}.vmb-tool-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.vmb-intro h2{margin:0;color:#223750;font-size:22px;line-height:1.25;font-weight:900}.vmb-intro p{max-width:720px;margin:7px 0 0;color:var(--vmb-muted);font-size:12px;line-height:1.65}
.vmb-workspace{padding:18px}.vmb-work-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:18px;align-items:start}.vmb-controls{display:grid;gap:11px;min-width:0}.vmb-field{display:grid;gap:7px;text-align:start;color:#52657c;font-size:11px;font-weight:850}.vmb-field>span:first-child{padding-inline:2px}.vmb-field input[type=text],.vmb-select-wrap select{width:100%;height:48px;border:1px solid #cedae8;border-radius:13px;background:#fff;color:#263a55;font:inherit;font-size:13px;font-weight:750;outline:0;transition:border-color .16s ease,box-shadow .16s ease}.vmb-field input[type=text]{padding:0 13px}.vmb-select-wrap{position:relative;display:block}.vmb-select-wrap select{padding:0 42px 0 13px;appearance:none}.vm-barcode-root[dir=rtl] .vmb-select-wrap select{padding:0 13px 0 42px}.vmb-field input[type=text]:focus,.vmb-select-wrap select:focus{border-color:var(--vmb-blue);box-shadow:0 0 0 3px rgba(23,105,231,.1)}.vmb-chevron{position:absolute;top:50%;right:13px;display:grid;place-items:center;width:17px;height:17px;transform:translateY(-50%);color:#71849b;pointer-events:none}.vm-barcode-root[dir=rtl] .vmb-chevron{right:auto;left:13px}.vmb-chevron svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.vmb-type-help{margin-top:-2px;padding:9px 10px;border-radius:11px;background:#f7f9fc;color:#6a7b90;font-size:10px;line-height:1.5;text-align:start}
.vmb-advanced{display:block!important;height:auto!important;min-height:0!important;margin:1px 0 0!important;padding:0!important;border:1px solid #e2eaf3;border-radius:14px;background:#fbfdff;overflow:hidden}.vmb-advanced summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;min-height:48px!important;margin:0!important;padding:12px 14px!important;color:#40536b;font-size:12px;font-weight:850;line-height:1.2;cursor:pointer;list-style:none}.vmb-advanced summary::-webkit-details-marker{display:none}.vmb-advanced summary>span:first-child{display:inline-flex;align-items:center;gap:8px}.vmb-advanced summary>span:first-child svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vmb-advanced summary>.vmb-chevron{position:static!important;inset:auto!important;display:grid;width:18px;height:18px;flex:0 0 18px;transform:none!important;transition:transform .16s ease}.vmb-advanced[open] summary>.vmb-chevron{transform:rotate(180deg)!important}.vmb-advanced:not([open])>.vmb-advanced-body{display:none!important}.vmb-advanced-body{display:grid;gap:12px;padding:0 14px 14px}.vmb-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.vmb-color{width:100%!important;height:48px!important;padding:5px!important;border:1px solid #cedae8!important;border-radius:13px!important;background:#fff!important;cursor:pointer}.vmb-check{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e1e9f2;border-radius:12px;background:#fff;color:#52657c;font-size:11px;font-weight:700;text-align:start}.vmb-check input{accent-color:var(--vmb-blue)}
.vmb-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:53px;margin-top:2px;padding:0 18px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--vmb-blue),var(--vmb-blue-dark));color:#fff;font:inherit;font-size:13px;font-weight:900;box-shadow:0 11px 24px rgba(23,105,231,.2),inset 0 1px 0 rgba(255,255,255,.2);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.vmb-primary:hover:not(:disabled),.vmb-primary:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px rgba(23,105,231,.25)}.vmb-primary:disabled{opacity:.45;cursor:not-allowed}.vmb-primary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.vmb-status{min-height:18px;color:#718096;font-size:10px;line-height:1.45;text-align:center}.vmb-status.is-error{color:var(--vmb-danger)}.vmb-status.is-success{color:var(--vmb-success)}
.vmb-preview-panel{display:grid;gap:12px;min-width:0;padding:15px;border:1px solid #e0e8f1;border-radius:18px;background:linear-gradient(180deg,#fcfdff,#f8fbff)}.vmb-preview-heading{text-align:start}.vmb-preview-heading strong,.vmb-preview-heading small{display:block}.vmb-preview-heading strong{color:#2b405a;font-size:13px;font-weight:900}.vmb-preview-heading small{margin-top:3px;color:#75859a;font-size:10px;line-height:1.5}.vmb-preview{display:flex;align-items:center;justify-content:center;min-height:290px;padding:20px;border:1px dashed #cbd9e8;border-radius:16px;background:#fff;overflow:auto}.vmb-preview svg{display:block;max-width:none;height:auto;flex:0 0 auto}.vmb-preview-empty{display:grid;justify-items:center;gap:9px;color:#8a98aa;font-size:11px;text-align:center}.vmb-preview-empty svg{width:34px;height:34px;fill:none;stroke:#9bb0c8;stroke-width:1.7;stroke-linecap:round}.vmb-preview-empty.is-error{color:var(--vmb-danger)}.vmb-downloads{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vmb-downloads[hidden]{display:none!important}.vmb-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid #d5e3f2;border-radius:12px;background:#fff;color:#356aa9;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.vmb-download:hover,.vmb-download:focus-visible{border-color:#a9c7eb;background:#f4f9ff;color:#195fb7}.vmb-download svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){.vmb-work-grid{grid-template-columns:1fr}.vmb-preview{min-height:235px}.vmb-preview-panel{order:2}}@media(max-width:560px){.vmb-intro{padding:17px 14px}.vmb-workspace{padding:14px}.vmb-settings-grid,.vmb-downloads{grid-template-columns:1fr}.vmb-preview{min-height:210px;padding:14px}.vmb-tool-icon{width:54px;height:54px}.vmb-intro h2{font-size:20px}}
.vmb-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(100%,440px);margin:0 auto;padding:5px;border:1px solid #dce6f1;border-radius:15px;background:#f7faff}.vmb-mode-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:#64758a;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.vmb-mode-tabs button.is-active{background:#fff;color:var(--vmb-blue);box-shadow:0 4px 13px rgba(38,70,110,.1)}.vmb-mode-tabs svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vmb-mode-tabs button:disabled{opacity:.55;cursor:not-allowed}
.vmb-batch-fields{display:grid;gap:9px}.vmb-batch-fields[hidden],.vmb-batch-errors[hidden],.vmb-cancel[hidden],.vmb-progress[hidden],[data-vmb-single-fields][hidden],[data-vmb-custom-size][hidden],.vmb-batch-downloads[hidden]{display:none!important}.vmb-field textarea,.vmb-field input[type=number]{width:100%;border:1px solid #cedae8;border-radius:13px;background:#fff;color:#263a55;font:inherit;font-size:12px;font-weight:700;outline:0}.vmb-field textarea{min-height:150px;padding:12px 13px;resize:vertical;line-height:1.55}.vmb-field input[type=number]{height:48px;padding:0 12px}.vmb-field textarea:focus,.vmb-field input[type=number]:focus{border-color:var(--vmb-blue);box-shadow:0 0 0 3px rgba(23,105,231,.1)}.vmb-batch-tools{display:grid;gap:9px}.vmb-file-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 13px;border:1px dashed #a9c7eb;border-radius:12px;background:#f5f9ff;color:#2d68ae;font-size:11px;font-weight:850;cursor:pointer}.vmb-file-button:hover{background:#edf5ff}.vmb-file-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vmb-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vmb-batch-hint,.vmb-gtin-note{padding:9px 10px;border-radius:11px;background:#f8fafc;color:#6b7c91;font-size:9.5px;line-height:1.55;text-align:start}.vmb-gtin-note{border-inline-start:3px solid #f2b84b;background:#fffaf0;color:#79633d}.vmb-batch-summary{padding:9px 10px;border:1px solid #dce9f7;border-radius:11px;background:#f6faff;color:#466887;font-size:10px;font-weight:800;text-align:center}.vmb-batch-errors{max-height:170px;padding:9px;border:1px solid #f0cbd0;border-radius:11px;background:#fff8f9;overflow:auto}.vmb-batch-errors ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.vmb-batch-errors li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;color:#713a43;font-size:9px;text-align:start}.vmb-batch-errors li strong{grid-row:1/3}.vmb-batch-errors li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.vmb-batch-errors li small{color:#9b5964}.vmb-batch-errors>small{display:block;margin-top:7px;color:#a14d5b;text-align:center}
.vmb-check>span strong,.vmb-check>span small{display:block}.vmb-check>span strong{font-size:11px}.vmb-check>span small{margin-top:3px;color:#718096;font-size:9px;line-height:1.45}.vmb-color:disabled{opacity:.45;cursor:not-allowed}.vmb-downloads{grid-template-columns:repeat(3,minmax(0,1fr))}.vmb-batch-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}.vmb-download:disabled{opacity:.5;cursor:not-allowed}.vmb-cancel{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;border:1px solid #efc8ce;border-radius:12px;background:#fff7f8;color:#b53849;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.vmb-cancel:disabled{opacity:.55;cursor:wait}.vmb-cancel svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.vmb-progress{width:100%;height:8px;border:0;border-radius:999px;overflow:hidden;accent-color:var(--vmb-blue)}.vmb-progress::-webkit-progress-bar{background:#eaf1f8}.vmb-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--vmb-blue),#54a1ff)}.vmb-preview-empty svg{fill:none}.vmb-print-settings .vmb-advanced-body{padding-top:0}
@media(max-width:560px){.vmb-mode-tabs{width:100%}.vmb-downloads,.vmb-batch-downloads{grid-template-columns:1fr}.vmb-field textarea{min-height:130px}}