:root{--app-logo:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cpath%20d='M6%2010a4%204%200%200%201%204-4h20.3a4%204%200%200%201%202.9%201.2l9.6%2010a4%204%200%200%201%200%205.6l-9.6%2010a4%204%200%200%201-2.9%201.2H10a4%204%200%200%201-4-4z'%20fill='%230b5cad'%20transform='translate(0%204)'/%3e%3ccircle%20cx='34.5'%20cy='24'%20r='2.6'%20fill='%23fff'/%3e%3cg%20fill='%23fff'%3e%3crect%20x='11'%20y='16'%20width='2'%20height='16'/%3e%3crect%20x='14.5'%20y='16'%20width='1'%20height='16'/%3e%3crect%20x='17'%20y='16'%20width='3'%20height='16'/%3e%3crect%20x='21.5'%20y='16'%20width='1'%20height='16'/%3e%3crect%20x='24'%20y='16'%20width='2'%20height='16'/%3e%3crect%20x='27.5'%20y='16'%20width='1'%20height='16'/%3e%3c/g%3e%3c/svg%3e");--brand-primary:#0b5cad;--brand-primary-hover:#084a8c;--brand-primary-contrast:#fff;--brand-tint:#e8f1fb;--brand-accent:#e07a10;--group-content-bg:#e6effa;--group-content-accent:#0b5cad;--group-content-title:#0a3d73;--group-settings-bg:#eceef2;--group-settings-accent:#5b6675;--group-settings-title:#2c333d;--color-bg:#f2f4f7;--color-surface:#fff;--color-text:#1a1f26;--color-text-muted:#4b5563;--color-border:#d3d8df;--color-input-border:#6b7280;--color-stage:#e3e7ed;--color-focus:#0a3d73;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 5px var(--color-focus);--color-danger:#b42318;--color-danger-bg:#fef3f2;--color-success:#146c2e;--color-success-bg:#edf7ef;--color-warning-text:#7a4300;--color-warning-bg:#fff6e5;--color-warning-border:#e9a23b;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--fs-base:1rem;--fs-small:.875rem;--fs-h1:1.25rem;--fs-h2:1.0625rem;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);margin:0;line-height:1.5}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.icon{flex:none;width:1.25em;height:1.25em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--brand-primary);color:var(--brand-primary-contrast);border-radius:var(--radius-sm);padding:10px 16px;font-weight:600;position:absolute;top:-100px;left:12px}.skip-link:focus{top:12px}[hidden]{display:none!important}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1480px;margin:0 auto;padding:12px 24px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.app-logo{background:var(--app-logo) center / contain no-repeat;flex:none;width:44px;height:44px}.app-name{font-size:var(--fs-h1);line-height:1.25}.app-tagline{font-size:var(--fs-small);color:var(--color-text-muted)}.lang-switch{border:1px solid var(--color-border);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.lang-btn{cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px;padding:6px 14px;font-weight:600}.lang-btn[aria-pressed=true]{background:var(--brand-primary);color:var(--brand-primary-contrast)}.lang-btn:not([aria-pressed=true]):hover{background:var(--brand-tint)}.app-main{grid-template-columns:minmax(340px,470px) minmax(0,1fr);align-items:start;gap:24px;max-width:1480px;margin:0 auto;padding:24px;display:grid}.settings-panel{flex-direction:column;gap:16px;min-width:0;display:flex}.settings-panel:focus{outline:none}.app-footer{max-width:1480px;font-size:var(--fs-small);color:var(--color-text-muted);text-align:center;margin:0 auto;padding:8px 24px 32px}.group{border-radius:calc(var(--radius) + 4px);border-left:5px solid;flex-direction:column;gap:12px;padding:14px;display:flex}.group-content{background:var(--group-content-bg);border-left-color:var(--group-content-accent)}.group-settings{background:var(--group-settings-bg);border-left-color:var(--group-settings-accent)}.group-head{align-items:center;gap:12px;padding:2px 4px 4px;display:flex}.group-icon{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.group-content .group-icon{background:var(--group-content-accent)}.group-settings .group-icon{background:var(--group-settings-accent)}.group-title{font-size:1.1875rem;line-height:1.25}.group-content .group-title{color:var(--group-content-title)}.group-settings .group-title{color:var(--group-settings-title)}.group-desc{font-size:var(--fs-small);color:var(--color-text-muted)}.group-body{flex-direction:column;gap:12px;display:flex}.panel-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.section-heading{font-size:var(--fs-h2)}.section-toggle{border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:16px 20px;font-weight:700;display:flex}.section-toggle:hover .section-title{color:var(--brand-primary)}.section-title{flex:none}.section-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;font-size:var(--fs-small);color:var(--color-text-muted);text-align:right;flex:1;overflow:hidden}.section-toggle .icon{transition:transform .15s}.section-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.section-body{flex-direction:column;gap:16px;padding:4px 20px 20px;display:flex}.panel-section-static{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.section-heading-static{font-size:var(--fs-h2)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.label{font-weight:600}.label-row{align-items:center;gap:4px;min-width:0;display:flex}legend.label-row{padding:0}.label-row-tools{flex-wrap:wrap;justify-content:space-between;gap:6px 12px}.label-row-tools>.label-row{flex:1}.help-btn{width:28px;height:28px;color:var(--brand-primary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.help-btn .icon{width:20px;height:20px}.help-btn:hover,.help-btn[aria-expanded=true]{background:var(--brand-tint)}.help-panel{border-left:3px solid var(--brand-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text);background:#f3f7fc;padding:10px 12px;font-size:.9375rem;font-weight:400;line-height:1.45}.help-panel p+p{margin-top:6px}.help-example{color:var(--color-text-muted)}.help-example strong{color:var(--color-text)}.check-wrap{flex-direction:column;gap:4px;display:flex}.hint{font-size:var(--fs-small);color:var(--color-text-muted)}.input{border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:44px;font-size:var(--fs-base);padding:9px 12px}.input:hover{border-color:var(--color-text)}.input:focus-visible{border-color:var(--color-focus);box-shadow:var(--focus-ring);outline:none}.input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.input[aria-invalid=true]:focus-visible{box-shadow:var(--focus-ring)}.textarea{resize:vertical;field-sizing:content;min-height:4.6em;line-height:1.4}.select{cursor:pointer}.input-num{font-variant-numeric:tabular-nums}.field-message:empty{display:none}.field-error,.field-success{font-size:var(--fs-small);align-items:flex-start;gap:6px;font-weight:600;display:flex}.field-error{color:var(--color-danger)}.field-success{color:var(--color-success)}.field-error .icon,.field-success .icon{margin-top:1px}.check-field{align-items:center;gap:10px;min-height:40px;display:flex}.check-field label{cursor:pointer}.checkbox{width:22px;height:22px;accent-color:var(--brand-primary);cursor:pointer;flex:none;margin:0}.stack{flex-direction:column;gap:16px;display:flex}.stack-xs{flex-direction:column;gap:6px;display:flex}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.row-4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;display:grid}.subgroup{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.subgroup>legend{margin-bottom:8px;padding:0}.result-line{border-radius:var(--radius-sm);background:var(--brand-tint);padding:8px 12px;font-weight:600}.result-line:empty{display:none}.hint-warning{border-left:4px solid var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-text);padding:8px 12px}.segmented{border:0;min-width:0;margin:0;padding:0}.segmented>legend{margin-bottom:6px;padding:0}.seg{flex-wrap:wrap;max-width:100%;display:inline-flex}.seg-opt{cursor:pointer;display:flex;position:relative}.seg-input,.preset-input,.file-input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.seg-opt span{border:1px solid var(--color-input-border);background:var(--color-surface);align-items:center;min-height:42px;margin-left:-1px;padding:8px 14px;line-height:1.25;display:flex}.seg-opt:first-child span{border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.seg-opt:last-child span{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.seg-opt:hover span{background:var(--brand-tint)}.seg-input:checked+span{z-index:1;background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-primary-contrast);font-weight:600;position:relative}.seg-input:focus-visible+span{z-index:2;outline:3px solid var(--color-focus);outline-offset:2px;position:relative}.segmented-wrap .seg{flex-direction:column;width:100%;display:flex}.segmented-wrap .seg-opt span{width:100%;margin-top:-1px;margin-left:0}.segmented-wrap .seg-opt:first-child span{border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-top:0}.segmented-wrap .seg-opt:last-child span{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.segmented-inline>legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.range-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.range-value{font-variant-numeric:tabular-nums;font-weight:600}.range{width:100%;height:32px;accent-color:var(--brand-primary);cursor:pointer;margin:0}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 16px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-primary-contrast)}.btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-input-border)}.btn-secondary:hover{background:var(--brand-tint)}.btn-danger{color:var(--color-danger)}.btn-link{min-height:44px;color:var(--brand-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:600;text-decoration:underline}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[aria-disabled=true]{opacity:.8;cursor:progress}.button-row{flex-wrap:wrap;gap:8px;display:flex}.icon-btn{border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--brand-tint)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-danger{color:var(--color-danger)}.field-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.field-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fafbfc;flex-direction:column;gap:12px;padding:14px;display:flex}.field-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.field-card-title{font-size:var(--fs-base)}.field-card-tools{gap:6px;display:flex}.row-label{flex-wrap:wrap;align-items:flex-end;gap:4px 12px;display:flex}.row-label>.field{flex:150px}.row-style{align-items:flex-end;row-gap:12px}.row-style .check-field{min-height:44px}.fmt-toolbar{gap:4px;display:inline-flex}.fmt-btn{border:1px solid var(--color-input-border);background:var(--color-surface);cursor:pointer;border-radius:6px;min-width:36px;height:32px;padding:0 8px;font-family:Georgia,Times New Roman,serif;font-size:1.0625rem;line-height:1}.fmt-b{font-weight:700}.fmt-i{font-style:italic}.fmt-btn:hover{background:var(--brand-tint)}.font-box{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.font-toggle{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;display:flex}.font-toggle-title{font-weight:600}.font-summary{min-width:0;color:var(--color-text-muted);font-size:var(--fs-small);text-align:right;flex:1}.font-toggle .icon{transition:transform .15s}.font-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.font-panel{flex-direction:column;gap:12px;padding:4px 12px 14px;display:flex}.btn-add{border:2px dashed var(--brand-primary);background:var(--color-surface);width:100%;min-height:48px;color:var(--brand-primary)}.btn-add:hover{background:var(--brand-tint)}.barcode-quality{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#f6f7f9;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.barcode-metrics{font-variant-numeric:tabular-nums;font-weight:600}.barcode-rating{border-radius:6px;align-items:flex-start;gap:8px;padding:6px 10px;font-weight:600;display:flex}.barcode-rating .icon{margin-top:1px}.barcode-rating.is-good{background:var(--color-success-bg);color:var(--color-success)}.barcode-rating.is-borderline{background:var(--color-warning-bg);color:var(--color-warning-text)}.barcode-rating.is-small{background:var(--color-danger-bg);color:var(--color-danger)}.auto-size:empty{display:none}.file-field{display:flex;position:relative}.file-input:focus-visible+.file-label{box-shadow:var(--focus-ring)}.logo-current{align-items:center;gap:14px;display:flex}.logo-thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex:none;justify-content:center;align-items:center;width:84px;height:84px;padding:6px;display:flex}.logo-thumb img,.logo-thumb svg{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.logo-name{overflow-wrap:anywhere}.presets-field{border:0;min-width:0;margin:0;padding:0}.presets-field>legend{margin-bottom:8px;padding:0}.presets{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;display:grid}.preset{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.preset:hover{border-color:var(--color-input-border)}.preset:has(.preset-input:checked){border-color:var(--brand-primary);background:var(--brand-tint)}.preset:has(.preset-input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.preset-thumb svg{width:100%;height:auto;display:block}.preset-name{font-size:var(--fs-small);font-weight:600;line-height:1.3}.t-label{fill:#fff;stroke:#8a94a3;stroke-width:1.5px}.t-text{fill:#8a94a3}.t-bar{fill:var(--color-text)}.t-logo{fill:var(--brand-accent)}.preview-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-height:calc(100vh - 32px);box-shadow:var(--shadow);flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex;position:sticky;top:16px;overflow:auto}.actions-card{border-bottom:1px solid var(--color-border);flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.preview-panel>*{flex-shrink:0}.action-row{grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:start;gap:12px 16px;display:grid}.action-row .btn-link{align-self:flex-start;min-height:32px}.btn-download{width:100%;min-height:48px;margin-top:30px;font-size:1.125rem}.print-hint{align-items:flex-start;gap:8px;display:flex}.action-status{font-weight:600}.action-status:empty,.error-box:empty{display:none}.error-box{border-left:4px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger);padding:12px 14px}.error-title{gap:8px;font-weight:700;display:flex}.error-box ul{margin:6px 0 0;padding-left:28px}.error-box a{color:inherit}.preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.preview-title{font-size:var(--fs-h2)}.preview-stage{border-radius:var(--radius-sm);background:var(--color-stage);justify-content:center;align-items:center;height:clamp(300px,100vh - 330px,1000px);display:flex;overflow:hidden}.preview-stage svg{background:#fff;display:block;box-shadow:0 2px 10px #1018282e}.preview-status{color:var(--color-text-muted);padding:24px}.preview-meta{font-size:var(--fs-small);color:var(--color-text-muted)}.preview-total{color:var(--color-text);font-weight:600}.preview-total:empty{display:none}.warnings{border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning-text);padding:12px 16px}.warnings-title{font-size:var(--fs-base);align-items:center;gap:8px;margin-bottom:4px;display:flex}.warnings-list{flex-direction:column;gap:4px;margin:0;padding-left:22px;display:flex}.warning-item.is-error{color:var(--color-danger);font-weight:600}.warning-item a{color:inherit}.toast{z-index:50;border-radius:var(--radius-sm);background:var(--color-text);color:#fff;opacity:0;visibility:hidden;max-width:min(560px,100vw - 32px);padding:12px 18px;font-weight:600;transition:opacity .2s,transform .2s,visibility 0s linear .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,12px);box-shadow:0 6px 24px #10182840}.toast.is-visible{opacity:1;visibility:visible;transition:opacity .2s,transform .2s;transform:translate(-50%)}.toast.is-error{background:var(--color-danger)}@media (max-width:1100px){.app-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px}.row-4{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{grid-template-columns:minmax(0,1fr)}.btn-download{margin-top:0}}@media (max-width:760px){.app-main{grid-template-columns:minmax(0,1fr)}.preview-panel{max-height:none;position:static}.preview-stage{height:clamp(260px,60vh,720px)}}@media (max-width:520px){.header-inner{padding:10px 16px}.app-main{gap:16px;padding:12px}.section-toggle{padding:14px 16px}.section-body{padding:4px 16px 16px}.panel-section-static,.preview-panel{padding:16px}.row-4{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{grid-template-columns:minmax(0,1fr)}.btn-download{margin-top:0}.section-summary{display:none}.seg-opt span{padding:8px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}