.label-editor *{box-sizing:border-box}
.label-editor{margin:0;background:#f4f6fb;color:#152441;font:15px/1.5 Arial,sans-serif}
.label-editor header{padding:22px max(24px,5vw);display:flex;justify-content:space-between;border-bottom:1px solid #e0e6f0;background:white}
.label-editor a{color:#244fa0;text-decoration:none}
.label-editor .editor-main{max-width:1320px;margin:auto;padding:40px 24px}
.label-editor .eyebrow{font-size:12px;letter-spacing:2px;color:#53709a}
.label-editor h1{font-size:38px;line-height:1.15;margin:12px 0}
.label-editor .lead{max-width:760px;color:#64748d;font-size:17px}
.label-editor nav{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}
.label-editor button{cursor:pointer;font:inherit;border:1px solid #d5deed;border-radius:10px;padding:10px 14px;background:white;color:#244575}
.label-editor nav button{text-align:left;padding:20px;border-radius:18px}
.label-editor nav strong{display:block;color:#172b4e;font-size:19px}
.label-editor nav span{display:block;margin-top:8px;font-size:13px;color:#64748d}
.label-editor nav button[aria-selected=true]{border:2px solid #2563eb;padding:19px;background:#edf3ff}
.label-editor .workspace{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start}
.label-editor aside,.label-editor .preview-panel{padding:24px;background:white;border:1px solid #e0e6f0;border-radius:20px}
.label-editor .panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.label-editor h2{font-size:19px;margin:0}
.label-editor .panel-title button{font-size:12px}
.label-editor #category-note,.label-editor .hint{font-size:13px;color:#687991}
.label-editor .hint{margin-top:18px}
.label-editor label{display:block;font-size:13px;font-weight:600;margin-top:14px}
.label-editor input,.label-editor select{display:block;width:100%;padding:11px 12px;margin-top:6px;border:1px solid #d5deed;border-radius:9px;font:15px Arial;color:#172b4e;background:white}
.label-editor #fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.label-editor #fields label.wide{grid-column:1/-1}
.label-editor #preview{margin-top:24px;border-radius:16px;background:linear-gradient(120deg,#eeeaff,#e3f0ff);padding:32px;min-height:340px;display:grid;place-items:center}
.label-editor #preview>svg{width:100%;height:auto;aspect-ratio:58/40;max-height:480px;filter:drop-shadow(0 8px 14px #293c6614);border-radius:10px;background:white}
.label-editor #status{font-size:13px;color:#5a6f8c}
.label-editor .size-badge{font-size:12px;white-space:nowrap;background:#edf3ff;padding:5px 10px;border-radius:20px}
.label-editor .actions{display:flex;gap:12px}
.label-editor .actions button:first-child{background:#2563eb;color:white;border-color:#2563eb}
.label-editor button:disabled{opacity:.45;cursor:default}
.label-editor .explanation{border-top:1px solid #e0e6f0;margin-top:24px;padding-top:16px}
.label-editor .explanation h3{font-size:15px}
.label-editor .explanation p{color:#64748d}
.label-editor #print-label{display:none}
.label-editor :focus-visible{outline:3px solid #7da7ff;outline-offset:2px}
@media(max-width:800px){.label-editor .workspace{grid-template-columns:1fr}
.label-editor nav{gap:8px}
.label-editor nav button{padding:12px}
.label-editor nav button[aria-selected=true]{padding:11px}
.label-editor nav strong{font-size:15px}
.label-editor h1{font-size:29px}
.label-editor .editor-main{padding:24px 16px}
.label-editor #preview{padding:18px;min-height:230px}
.label-editor header{gap:12px;font-size:13px}
}
.label-editor .choice-heading{margin-top:28px;font-size:17px}
.label-editor nav{margin:14px 0 28px}
.label-editor #layouts button{padding:12px}
.label-editor #layouts button[aria-selected=true]{padding:11px}
.label-editor .layout-thumbnail{display:grid;place-items:center;background:#f0f3fb;border-radius:10px;height:170px;padding:10px;margin-bottom:12px;font-size:12px}
.label-editor .layout-thumbnail>svg{width:100%;height:100%;max-width:230px}
.label-editor #layouts strong{font-size:16px}
@media(max-width:650px){.label-editor #layouts{grid-template-columns:1fr}
.label-editor .layout-thumbnail{height:190px}
.label-editor #layouts button{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:center}
.label-editor .layout-thumbnail{grid-row:1/3;margin:0}
.label-editor #layouts span{align-self:start}
.label-editor #layouts strong{align-self:end}
}
.label-editor .category-search-label{max-width:380px}
.label-editor #categories{max-height:310px;overflow-y:auto;padding:2px;grid-template-columns:repeat(3,minmax(0,1fr))}
.label-editor #categories button[hidden]{display:none}
.label-editor #categories strong{font-size:16px}
.label-editor #categories button{padding:14px}
.label-editor #categories button[aria-selected=true]{padding:13px}
@media(max-width:650px){.label-editor #categories{grid-template-columns:repeat(2,minmax(0,1fr));max-height:250px}
.label-editor #categories strong{font-size:14px}
.label-editor #categories span{font-size:12px}
}
.label-editor .product-detection{background:white;border:1px solid #e0e6f0;border-radius:18px;padding:24px;margin-top:28px}
.label-editor .product-detection>label{max-width:760px;font-size:14px}
.label-editor .product-detection>label input{padding:15px;font-size:17px}
.label-editor #category-result{color:#526c90;font-size:14px}
.label-editor .product-detection summary{color:#245cc3;cursor:pointer;font-weight:600}
.label-editor .product-detection details[open]{margin-top:18px}
.label-editor .product-detection details[open] summary{margin-bottom:16px}
.label-editor #custom-start{margin:0 0 16px;background:#edf3ff;color:#245cc3}
.label-editor #custom-editor button{font-size:12px}
.label-editor .custom-field{border:1px solid #d5deed;border-radius:12px;padding:12px;margin:12px 0}
.label-editor .custom-field-actions{display:flex;gap:4px;flex-wrap:wrap}
.label-editor .custom-field-actions button{padding:6px 8px}
.label-editor .custom-field-actions [draggable]{cursor:grab}
.label-editor .custom-field textarea{width:100%;min-height:60px;resize:vertical;border:1px solid #d5deed;border-radius:9px;padding:10px;font:inherit;color:#172b4e;margin-top:6px}
.label-editor .custom-field-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.label-editor .custom-field-options label{font-size:12px;margin:0}
.label-editor .custom-field-options input[type=checkbox]{display:inline;width:auto;margin:0 5px 0 0}
.label-editor .custom-field-options select{font-size:12px;padding:8px}
.label-editor .custom-storage{border-top:1px solid #d5deed;margin-top:18px;padding-top:12px}
.label-editor .custom-storage>button{margin:8px 6px 0 0}
.label-editor #custom-editor{margin-bottom:20px}
@media(min-width:801px){.label-editor .preview-panel{position:sticky;top:16px}
}
.label-editor .custom-field{padding:12px;margin:10px 0;background:#fafcff}
.label-editor .custom-field-actions{flex-wrap:nowrap;align-items:center;gap:6px}
.label-editor .custom-field-actions>.custom-field-name{flex:1;min-width:0;margin:0}
.label-editor .custom-field-name input{margin:0;padding:7px 4px;background:transparent;border-color:transparent;border-radius:6px;font-size:14px;font-weight:600}
.label-editor .custom-field-name input:hover,.label-editor .custom-field-name input:focus{border-color:#d5deed;background:white}
.label-editor .custom-field-actions button{background:transparent;border-color:transparent;padding:4px 7px}
.label-editor .custom-field-actions [draggable]{color:#8491a5;font-size:18px}
.label-editor .custom-field-remove{color:#8491a5;font-size:20px!important}
.label-editor .custom-field-value{margin-top:4px}
.label-editor .custom-field-value textarea{min-height:42px;margin-top:0;font-size:15px;background:white}
.label-editor .custom-field-settings{margin-top:8px}
.label-editor .custom-field-settings>summary{font-size:12px;color:#567196;cursor:pointer;list-style:none}
.label-editor .custom-field-settings>summary::before{content:'▸ ';}
.label-editor .custom-field-settings[open]>summary::before{content:'▾ ';}
.label-editor .custom-field-settings[open]>summary{margin-bottom:12px}
.label-editor .custom-field-order{display:flex;gap:8px;margin-top:10px}
.label-editor .custom-field-order button{padding:4px 14px}
.label-editor .custom-field-settings .hint{font-size:11px;margin:8px 0 0}
.label-editor .custom-storage{display:flex;flex-wrap:wrap;gap:8px}
.label-editor .custom-storage>input,.label-editor .custom-storage>label,.label-editor .custom-storage>.hint{flex:1 1 100%;min-width:0}
.label-editor .custom-storage>button{margin:0;flex:1 1 auto}
.label-editor .custom-storage>.hint{margin:2px 0;font-size:12px}
.label-editor #custom-editor>button{width:100%;margin-top:4px}
.label-editor .custom-drag-handle{touch-action:none;cursor:grab!important;user-select:none}
.label-editor .custom-dragging,.label-editor .custom-dragging *{cursor:grabbing!important;user-select:none!important}
.label-editor .custom-field.custom-drag-placeholder{opacity:.25;border-style:dashed}
.label-editor .custom-field.custom-drag-ghost{position:fixed;z-index:1000;margin:0;pointer-events:none;box-sizing:border-box;box-shadow:0 12px 28px #18345c33;opacity:.96}
.label-editor .custom-field-name{position:relative;display:flex;align-items:center;border:1px solid #d5deed;border-radius:8px;background:white}
.label-editor .custom-field-name input{min-width:0;padding:8px 10px;text-align:left;border:0;background:transparent}
.label-editor .custom-field-name .custom-preset-toggle{flex:0 0 32px;align-self:stretch;border-left:1px solid #d5deed;border-radius:0 7px 7px 0;color:#245cc3;font-size:18px!important;background:#edf3ff}
.label-editor .custom-preset-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;z-index:20;background:white;border:1px solid #d5deed;border-radius:9px;padding:4px;box-shadow:0 8px 24px #18345c22}
.label-editor .custom-preset-menu[hidden]{display:none}
.label-editor .custom-field-name .custom-preset-menu button{display:block;width:100%;padding:8px 10px;text-align:left;border:0;border-radius:5px}
.label-editor .custom-preset-menu button:hover,.label-editor .custom-preset-menu button:focus-visible{background:#edf3ff}
.label-editor .custom-field-value textarea{text-align:left;font-weight:400}
.label-editor .clearable-value{position:relative;display:block;width:100%;min-width:0}
.label-editor .clearable-value input,.label-editor .clearable-value textarea{padding-right:38px}
.label-editor .clearable-value .clear-value{position:absolute;right:5px;top:5px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#718198;font-size:20px!important;line-height:28px}
.label-editor .clearable-value .clear-value:hover{background:#edf3ff;color:#245cc3}
.label-editor .clearable-value .clear-value[hidden]{display:none}
.label-editor .size-picker{max-width:320px;margin:16px 0}
.label-editor #preview>svg{aspect-ratio:var(--label-ratio,58 / 40)}
.label-editor .layout-thumbnail>svg{object-fit:contain;max-height:100%;max-width:100%}
.label-editor #preview>svg{display:block;width:min(100%,var(--label-preview-width,696px));height:auto;max-height:none;aspect-ratio:var(--label-ratio,58 / 40)}
.label-editor .size-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0}
.label-editor .size-controls .size-picker{margin:0;flex:1 1 220px}
.label-editor .size-controls>button{min-height:42px;margin:0}
.label-editor .selected-category{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:14px;padding:10px 14px;border:1px solid #bad1ff;border-radius:12px;background:#eaf2ff;color:#164ea6;max-width:100%;overflow-wrap:anywhere}
.label-editor .selected-category[hidden]{display:none}
.label-editor .selected-category-caption{font-size:12px;color:#526d95}
.label-editor .selected-category strong{font-size:14px}
.label-editor #fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.label-editor #fields>label,.label-editor .workspace>aside,.label-editor .clearable-value{min-width:0}
.label-editor #fields input,.label-editor #fields textarea,.label-editor #fields select{min-width:0;max-width:100%;width:100%}
.label-editor #fields label{overflow-wrap:anywhere}
.label-editor .ozon-source{border-top:1px solid #dce6f5;margin-top:18px;padding-top:12px}
.label-editor .ozon-toggle{display:flex;gap:8px;align-items:center}
.label-editor .ozon-toggle input{width:auto;margin:0}
.label-editor .ozon-search-row{display:flex;gap:8px;align-items:center;margin:10px 0}
.label-editor .ozon-search-row input{min-width:0;margin:0}
.label-editor .ozon-attribute-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:240px;overflow:auto;margin:12px 0}
.label-editor .ozon-attribute-list label{display:flex;align-items:flex-start;gap:6px;margin:0;font-weight:400}
.label-editor .ozon-attribute-list input{width:auto;margin:3px 0}
.label-editor .ozon-source details{margin:12px 0}
.label-editor .ozon-source summary{cursor:pointer;font-weight:600}
.label-editor #ozon-candidates{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}
.label-editor #ozon-candidates button{text-align:left}
.label-editor #ozon-refresh{font-size:12px;padding:6px 10px}
.label-editor .ozon-attribute-list label[hidden]{display:none}
.label-editor .ozon-source{min-width:0}
.label-editor .ozon-source button{overflow-wrap:anywhere}
.label-editor #ozon-search-button{white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-shrink:0}
.label-editor .product-detection.ozon-active #category-result{display:none}
.label-editor .product-detection h2{margin-bottom:20px}
.label-editor .product-detection .ozon-source{border:0;padding:0;margin-top:10px}
.label-editor .product-detection .selected-category{background:none;border:0;padding:0;gap:8px;margin-top:12px}
.label-editor .product-detection .selected-category-caption{font-size:13px}
.label-editor .product-detection .ozon-source details{margin:0}
.label-editor .product-detection .ozon-source summary{font-size:13px;font-weight:500;list-style:none;display:inline-block}
.label-editor .product-detection .ozon-source summary::-webkit-details-marker{display:none}
.label-editor .product-detection .ozon-source summary::after{content:' ▾'}
.label-editor .product-detection .ozon-source details[open]>summary{margin-bottom:8px}
.label-editor .product-detection .ozon-fields{margin-top:22px}
.label-editor .product-detection .ozon-fields h3{font-size:14px;margin:0 0 12px}
.label-editor .product-detection .ozon-fields>input{max-width:340px;margin-bottom:12px}
.label-editor .product-detection .ozon-attribute-list{margin:0;gap:12px 20px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));font-size:13px;max-height:240px}
.label-editor .product-detection .product-options{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 22px;margin-top:22px}
.label-editor .product-detection #custom-start{background:none;border:0;padding:0;font-size:13px;font-weight:500;color:#245cc3;margin:0}
.label-editor .product-detection #ozon-settings[open]{flex-basis:100%}
.label-editor .product-detection #ozon-settings .ozon-toggle{font-size:13px;margin:10px 0}
.label-editor .product-detection #ozon-refresh{margin-bottom:12px}
.label-editor .product-detection #ozon-candidates button{font-size:14px;padding:10px 12px}
.label-editor .product-detection [hidden]{display:none!important}
.label-editor .product-detection .ozon-attribute-list.is-short{max-height:none;overflow:visible}
.label-editor .workspace>aside{container-type:inline-size;container-name:label-settings}
.label-editor .workspace>aside .panel-title{flex-wrap:wrap}
.label-editor .workspace>aside .panel-title h2{min-width:0;overflow-wrap:anywhere}
.label-editor .workspace>aside input,.label-editor .workspace>aside select,.label-editor .workspace>aside textarea{min-width:0;max-width:100%}
.label-editor #fields>label{display:flex;flex-direction:column;gap:6px}
.label-editor #fields>label>.clearable-value{margin-top:auto}
.label-editor #fields>label input{margin-top:0;min-height:44px}
@container label-settings (max-width:360px){
 #fields,.custom-field-options{grid-template-columns:minmax(0,1fr)}
}
.label-editor #layouts{grid-template-columns:repeat(4,minmax(0,1fr))}
.label-editor #layouts>button{min-width:0}
.label-editor #layouts #custom-start{margin:0;background:white;color:inherit}
.label-editor #layouts #custom-start[aria-selected=true]{background:#edf3ff}
.label-editor .custom-sample{width:82%;max-width:200px;aspect-ratio:58/40;background:white;padding:12px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;color:#172b4e}
.label-editor .custom-sample b{font-size:13px}
.label-editor .custom-sample i{border-top:1px solid #c6cedb}
.label-editor .custom-sample em{font-size:11px;font-style:normal;font-weight:600}
.label-editor #layouts .custom-sample span{font-size:10px;margin:0;border:1px dashed #9caec7;border-radius:3px;padding:3px}
.label-editor .custom-sample-bars{height:22px;margin:5px 10px 0;background:repeating-linear-gradient(90deg,#354761 0 2px,transparent 2px 4px,#354761 4px 5px,transparent 5px 8px)}
.label-editor #custom-layout-control[hidden]{display:none}
@media(max-width:1000px){.label-editor #layouts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){.label-editor #layouts{grid-template-columns:minmax(0,1fr)}
}
.label-editor .product-detection #ozon-candidates button{background:#edf3ff;border-color:#b8cef7;color:#204c98;font-weight:600}
.label-editor .product-detection #ozon-candidates button:hover,.label-editor .product-detection #ozon-candidates button:focus-visible{background:#e1ebff;border-color:#709ef3}
.label-editor .product-detection #ozon-candidates button{display:flex;align-items:center;gap:10px}
.label-editor .category-ai-icon{display:inline-flex;flex:0 0 20px;width:20px;height:20px;color:#446cf0}
.label-editor .category-ai-icon svg{width:100%;height:100%}
.label-editor .category-manual-action{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:12px;color:#627493;font-size:14px}
.label-editor .category-manual-action button{color:#245bd7;font-weight:600;background:#f2f6ff;border:1px solid #c7d8fc;padding:10px 14px;border-radius:10px}
.label-editor .product-detection #category-manual{display:block;margin-top:24px;padding-top:20px;border-top:1px solid #e2e9f5}
.label-editor .manual-category-panel h3{margin:0 0 8px;font-size:18px}
.label-editor .manual-category-panel .hint{margin:0 0 14px}
.label-editor .manual-category-panel #categories{display:grid;gap:10px;margin-top:14px}
.label-editor .product-detection{display:none}
.label-editor #fields label:has([data-field="highlight"]){grid-column:1/-1;padding:12px;background:#edf3ff;border-radius:12px}
.label-editor .parent-category-panel{background:white;border:1px solid #e0e7f4;border-radius:20px;padding:24px;margin:24px 0}
.label-editor .parent-category-panel h2{margin-top:0}
.label-editor #parent-categories{display:flex;flex-wrap:wrap;gap:8px}
.label-editor #parent-categories button{border:1px solid #dce5f5;border-radius:10px;padding:10px 14px;color:#29436e;background:#fff;text-align:left}
.label-editor #parent-categories button[aria-pressed="true"]{background:#eaf1ff;border-color:#3267ff;color:#174fcc;font-weight:700}
@media(max-width:600px){.label-editor .parent-category-panel{padding:16px}
.label-editor #parent-categories button{flex:1 1 140px}
}
.label-editor .custom-field{padding:10px!important;margin-bottom:8px!important}
.label-editor .custom-field-actions{gap:5px!important}
.label-editor .custom-field-order{display:flex;gap:3px;margin:0!important}
.label-editor .custom-field-order button,.label-editor .custom-field-actions>button{padding:4px 7px!important;min-width:26px}
.label-editor .custom-field-settings{margin-top:6px!important}
.label-editor .custom-field-settings summary{font-size:12px}
.label-editor .custom-field-options{gap:6px!important;margin-top:8px!important}
.label-editor .custom-field-options label{font-size:12px!important}
.label-editor .custom-field-options select{padding:5px!important;min-height:30px!important;margin-top:3px!important}
.label-editor .custom-preset-menu button[hidden]{display:none!important}
.label-editor .custom-field-settings[open] .custom-field-options{animation:custom-controls-in .16s ease-out}
@keyframes custom-controls-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.label-editor .custom-field-settings[open] .custom-field-options{animation:none}
}
.label-editor .custom-field-settings .toolbar-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.label-editor .custom-field-settings.is-expanded .toolbar-reveal{grid-template-rows:1fr;opacity:1}
.label-editor .toolbar-inner{min-height:0;overflow:hidden}
.label-editor .custom-field-settings .icon-toolbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:5px!important;padding:8px 0 2px;margin:0!important;animation:none!important}
.label-editor .icon-toolbar .format-toggle{position:relative;display:inline-flex!important;margin:0!important;flex:0 0 30px}
.label-editor .format-toggle input{position:absolute;opacity:0;width:30px;height:30px;margin:0!important}
.label-editor .format-toggle span,.label-editor .alignment-icons button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:5px!important;border:1px solid transparent;border-radius:6px;background:transparent;color:#64748b;box-sizing:border-box}
.label-editor .icon-toolbar svg{width:19px;height:19px;flex-shrink:0}
.label-editor .format-toggle input:checked+span,.label-editor .alignment-icons button[aria-pressed=true]{color:#245bea;background:#e8efff;border-color:#c9d9ff}
.label-editor .format-toggle input:focus-visible+span,.label-editor .alignment-icons button:focus-visible{outline:2px solid #3267ff;outline-offset:1px}
.label-editor .format-toggle input:disabled+span{opacity:.35}
.label-editor .alignment-icons{display:flex;gap:2px;border-left:1px solid #dce4f1;padding-left:5px}
.label-editor .icon-toolbar .compact-font{margin:0!important;width:76px;flex:0 0 76px}
.label-editor .icon-toolbar .compact-font select{width:76px;margin:0!important;font-size:12px}
.label-editor .custom-field-settings>summary{list-style:none;cursor:pointer}
.label-editor .custom-field-settings>summary::-webkit-details-marker{display:none}
@media(prefers-reduced-motion:reduce){.label-editor .custom-field-settings .toolbar-reveal{transition:none}
}
.label-editor .icon-toolbar select[hidden]{display:none!important}
.label-editor .icon-toolbar .alignment-icons{width:auto;flex:0 0 auto}
.label-editor .custom-icon-tooltip{position:fixed;z-index:1000;pointer-events:none;max-width:min(260px,calc(100vw - 16px));padding:7px 10px;border-radius:8px;background:#203354;color:#fff;font:12px/1.35 Arial,sans-serif;box-shadow:0 4px 14px #19345d25;text-align:center}
.label-editor .custom-icon-tooltip[hidden]{display:none}
.label-editor #custom-editor .format-toggle span,.label-editor #custom-editor .alignment-icons button,.label-editor #custom-editor .custom-field-actions button{transition:background-color .15s ease,border-color .15s ease}
.label-editor #custom-editor .format-toggle:hover input:not(:disabled)+span,.label-editor #custom-editor .alignment-icons button:hover,.label-editor #custom-editor .custom-field-actions button:not(:disabled):hover{background:#edf0f5;border-color:#dce2eb}
@media(prefers-reduced-motion:reduce){.label-editor #custom-editor .format-toggle span,.label-editor #custom-editor .alignment-icons button,.label-editor #custom-editor .custom-field-actions button{transition:none}
}
.label-editor .custom-field-order[hidden],.label-editor .custom-drag-handle[hidden]{display:none!important}
.label-editor .brand-placement-note{font-size:11px;color:#78869b;white-space:nowrap}
.label-editor #code-format[hidden],.label-editor #custom-layout[hidden]{display:none!important}
.label-editor .editor-select-menu{position:relative;margin-top:6px;min-width:0}
.label-editor .editor-select-trigger{display:flex;align-items:stretch;justify-content:space-between;width:100%;padding:0!important;background:#fff;border:1px solid #d5deed;border-radius:9px;overflow:hidden;color:#243954;font:inherit;text-align:left}
.label-editor .editor-select-trigger>span:first-child{padding:12px 14px;min-width:0;overflow-wrap:anywhere}
.label-editor .editor-select-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 38px;background:#edf3ff;border-left:1px solid #d5deed;color:#245cc3;font-size:18px}
.label-editor .editor-select-menu .custom-preset-menu button{display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:5px;background:#fff;color:#243954}
.label-editor .editor-select-menu .custom-preset-menu button:hover,.label-editor .editor-select-menu .custom-preset-menu button:focus-visible{background:#edf0f5}
.label-editor .editor-select-menu .custom-preset-menu button[aria-selected=true]{background:#edf3ff;color:#245cc3}
.label-editor .custom-field-name .custom-preset-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px}
.label-editor .preset-placement{flex-shrink:0;font-size:11px;font-weight:600;line-height:1.4;padding:2px 6px;border-radius:5px;color:#4869a0;background:#edf3ff}
.label-editor #layouts>button{border-radius:18px}
.label-editor #layouts .layout-thumbnail{border-radius:10px}
.label-editor #layouts .custom-sample{border-radius:14px 14px 20px 20px}
@media screen{.label-editor #preview{border-radius:16px}
.label-editor #preview>svg{border-radius:24px 24px 34px 34px}
.label-editor #layouts .layout-thumbnail>svg>rect:first-child,.label-editor #preview>svg>rect:first-child{rx:0;ry:0;clip-path:inset(0 round 4px 4px 5.8px 5.8px)}
}
.label-editor #label-size[hidden]{display:none!important}
.label-editor .editor-select-arrow,.label-editor .custom-field-name .custom-preset-toggle{opacity:0;transition:opacity .15s ease}
.label-editor .editor-select-menu:hover .editor-select-arrow,.label-editor .editor-select-menu:focus-within .editor-select-arrow,.label-editor .editor-select-trigger[aria-expanded=true] .editor-select-arrow,.label-editor .custom-field-name:hover .custom-preset-toggle,.label-editor .custom-field-name:focus-within .custom-preset-toggle,.label-editor .custom-field-name .custom-preset-toggle[aria-expanded=true]{opacity:1}
.label-editor .compact-font select{appearance:none}
.label-editor .compact-font:hover select,.label-editor .compact-font:focus-within select{appearance:auto}
@media(hover:none){.label-editor .editor-select-arrow,.label-editor .custom-field-name .custom-preset-toggle{opacity:1}
}
@media(prefers-reduced-motion:reduce){.label-editor .editor-select-arrow,.label-editor .custom-field-name .custom-preset-toggle{transition:none}
}
.label-editor .clearable-value:has(.paste-value)>input,.label-editor .clearable-value:has(.paste-value)>textarea{padding-right:66px}
.label-editor .clearable-value .paste-value{position:absolute;right:34px;top:5px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;border:0;border-radius:6px;background:transparent;color:#718198;opacity:0;transition:opacity .15s ease,background-color .15s ease}
.label-editor .paste-value svg{width:18px;height:18px}
.label-editor .clearable-value:hover .paste-value,.label-editor .clearable-value:focus-within .paste-value{opacity:1}
.label-editor .clearable-value .paste-value:hover{background:#edf0f5}
.label-editor .paste-feedback{display:block;color:#627493;font-size:12px;font-weight:400;margin-top:5px}
.label-editor .paste-feedback[hidden]{display:none}
@media(hover:none){.label-editor .clearable-value .paste-value{opacity:1}
}
.label-editor .custom-field-name:focus-within,.label-editor .clearable-value:focus-within,.label-editor .editor-select-menu:focus-within .editor-select-trigger{outline:3px solid #7da7ff;outline-offset:2px}
.label-editor .custom-field-name:focus-within{border-color:#7da7ff}
.label-editor .custom-field-name input:focus,.label-editor .custom-field-name input:focus-visible,.label-editor .custom-field-name button:focus-visible,.label-editor .clearable-value>input:focus-visible,.label-editor .clearable-value>textarea:focus-visible,.label-editor .editor-select-trigger:focus-visible{outline:none}
.label-editor .custom-field-name input:focus{border-color:transparent;background:transparent}
.label-editor .clearable-value{border-radius:9px}
.label-editor .custom-field-name:focus-within .custom-preset-toggle{border-radius:0 7px 7px 0}
.label-editor .clearable-value .clear-value:focus-visible,.label-editor .clearable-value .paste-value:focus-visible{outline:2px solid #7da7ff;outline-offset:0}
.label-editor .custom-field-name,.label-editor .clearable-value,.label-editor .editor-select-trigger{transition:box-shadow .16s ease,border-color .16s ease}
.label-editor .custom-field-name:focus-within,.label-editor .clearable-value:focus-within,.label-editor .editor-select-menu:focus-within .editor-select-trigger{outline:none;box-shadow:0 0 0 1px #7fa4ef,0 0 0 3px #3975ed12}
.label-editor .custom-field-name:focus-within{border-color:#9ab7ed}
@media(prefers-reduced-motion:reduce){.label-editor .custom-field-name,.label-editor .clearable-value,.label-editor .editor-select-trigger{transition:none}
}
.label-editor .clearable-value>textarea{display:block}
.label-editor .clearable-value:focus-within{outline:none;box-shadow:none}
.label-editor .clearable-value>input,.label-editor .clearable-value>textarea{transition:box-shadow .16s ease,border-color .16s ease}
.label-editor .clearable-value:focus-within>input,.label-editor .clearable-value:focus-within>textarea{outline:none;border-color:#9ab7ed;box-shadow:0 0 0 1px #7fa4ef,0 0 0 3px #3975ed12}
@media(prefers-reduced-motion:reduce){.label-editor .clearable-value>input,.label-editor .clearable-value>textarea{transition:none}
}
.label-editor #layouts .custom-sample{border-radius:8px 8px 10px 10px}
@media screen{.label-editor #layouts .layout-thumbnail>svg>rect:first-child{clip-path:inset(0 round 2.3px 2.3px 2.9px 2.9px)}
}
.label-editor #layouts .custom-thumbnail{container-type:size}
.label-editor #layouts .custom-sample{width:min(82cqw,calc(100cqh * var(--label-ratio,58 / 40)));max-width:none;height:auto;min-height:0;aspect-ratio:var(--label-ratio,58 / 40);padding:8px;overflow:hidden}
.label-editor #layouts .custom-sample>*{min-height:0;flex-shrink:1}
.label-editor #layouts .custom-sample-bars{flex-shrink:0;height:18px}
.label-editor #matrix-barcode-control[hidden],.label-editor #matrix-barcode-format[hidden]{display:none!important}
.label-editor .batch-pdf-panel{border-top:1px solid #d5deed;border-bottom:1px solid #d5deed;margin:18px 0;padding:14px 0}
.label-editor .batch-pdf-panel h3{font-size:14px;margin:0}
.label-editor .batch-pdf-panel .hint{margin:8px 0;font-size:12px}
.label-editor .batch-pdf-panel input{font-size:12px;padding:8px}
.label-editor #batch-pdf-status{font-size:12px;overflow-wrap:anywhere}
.label-editor .batch-pdf-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.label-editor .batch-pdf-navigation button{font-size:12px;padding:6px 10px}
.label-editor #batch-pdf-export{width:100%;background:#2563eb;color:white;border-color:#2563eb}
.label-editor #batch-pdf-progress{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#111827dd;color:white;font-size:18px}
.label-editor #batch-pdf-progress[hidden],.label-editor #batch-pdf-loaded[hidden]{display:none}
@media screen{html[data-theme=dark] .label-editor .batch-pdf-panel{border-color:#334055}
}
.label-editor .batch-pdf-panel[hidden]{display:none!important}
.label-editor .batch-pdf-panel input[type=file]{width:100%;min-height:58px;padding:8px;font:13px Arial,sans-serif;cursor:pointer}
.label-editor .batch-pdf-panel input[type=file]::file-selector-button{margin-right:12px;padding:11px 16px;border:1px solid #cbd9f1;border-radius:9px;background:#edf3ff;color:#244575;font:600 13px Arial,sans-serif;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.label-editor .batch-pdf-panel input[type=file]::file-selector-button:hover{background:#e1eaff;border-color:#9ab7ed}
@media screen{html[data-theme=dark] .label-editor .batch-pdf-panel input[type=file]::file-selector-button{background:#293b58;border-color:#496080;color:#e5edff}
html[data-theme=dark] .label-editor .batch-pdf-panel input[type=file]::file-selector-button:hover{background:#344b6c;border-color:#739bff}
}
@media(prefers-reduced-motion:reduce){.label-editor .batch-pdf-panel input[type=file]::file-selector-button{transition:none}
}
.label-editor .batch-pdf-panel{margin-inline:-8px}
@media(max-width:420px){.label-editor .batch-pdf-panel{margin-inline:0}
}
.label-editor .actions{flex-wrap:wrap;align-items:center;gap:8px}
.label-editor .actions #batch-pdf-export{width:auto}
.label-editor .actions button{font-size:13px;padding:10px 12px}
.label-editor #export-status{font-size:13px;color:#687991;overflow-wrap:anywhere}
html[data-theme=dark] .label-editor #export-status{color:#a6b4ca}
.label-editor #click-spark{position:fixed;inset:0;width:100%;height:100%;z-index:5000;pointer-events:none;user-select:none}
@media(prefers-reduced-motion:reduce){.label-editor #click-spark{display:none}
}

@media screen{.label-editor #preview>svg{width:min(calc(100% / 1.5),calc(var(--label-preview-width,696px) / 1.5))}}