.label-editor header{align-items:center;gap:16px;flex-wrap:wrap}
.label-editor header>a:first-child{margin-right:auto}
.label-editor .editor-theme-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:13px;white-space:nowrap}
.label-editor .editor-theme-toggle>[aria-hidden]{font-size:20px;line-height:1}
@media screen{html[data-theme=dark] .label-editor{color-scheme:dark}
html[data-theme=dark] .label-editor{background:#111722;color:#e5eaf3}
html[data-theme=dark] .label-editor :is(header,aside,.preview-panel,.product-detection,.parent-category-panel){background:#192230;border-color:#334055}
html[data-theme=dark] .label-editor :is(button,input,select,textarea,.custom-field-name,.editor-select-trigger,.custom-preset-menu){background:#1d2838;color:#e5eaf3;border-color:#3b4960}
html[data-theme=dark] .label-editor :is(.custom-field-name input,.custom-field-actions button,.clear-value,.paste-value){background:transparent}
html[data-theme=dark] .label-editor .custom-field{background:#182230;border-color:#334055}
html[data-theme=dark] .label-editor :is(nav strong,h1,h2,h3,label){color:#e5eaf3}
html[data-theme=dark] .label-editor :is(.lead,.hint,nav span,#category-note,#status,.explanation p,.brand-placement-note,.paste-feedback){color:#a6b4ca}
html[data-theme=dark] .label-editor :is(a,.eyebrow,.custom-field-settings>summary){color:#a4bfff}
html[data-theme=dark] .label-editor :is(input,textarea)::placeholder{color:#94a3b8}
html[data-theme=dark] .label-editor :is(.layout-thumbnail,#layouts .layout-thumbnail){background:#242f43}
html[data-theme=dark] .label-editor #preview{background:linear-gradient(120deg,#28263d,#1d3548)}
html[data-theme=dark] .label-editor :is(#custom-start[aria-selected=true],nav button[aria-selected=true]){background:#243653;color:#d5e3ff;border-color:#739bff}
html[data-theme=dark] .label-editor :is(.size-badge,.preset-placement,.editor-select-arrow,.custom-field-name .custom-preset-toggle){background:#293b58;color:#c2d5ff;border-color:#3b4960}
html[data-theme=dark] .label-editor :is(.explanation,.custom-storage,.alignment-icons){border-color:#334055}
html[data-theme=dark] .label-editor :is(.format-toggle span,.alignment-icons button,.clear-value,.paste-value,.custom-drag-handle,.custom-field-remove){color:#a6b4ca}
html[data-theme=dark] .label-editor .format-toggle input:checked+span,html[data-theme=dark] .label-editor .alignment-icons button[aria-pressed=true],html[data-theme=dark] .label-editor .custom-preset-menu button[aria-selected=true]{background:#293f65;color:#bbd1ff;border-color:#577dbb}
html[data-theme=dark] .label-editor .editor-select-menu .custom-preset-menu button{background:#1d2838;color:#e5eaf3}
html[data-theme=dark] .label-editor .editor-select-menu .custom-preset-menu button[aria-selected=true]{background:#293f65;color:#bbd1ff}
html[data-theme=dark] .label-editor button:not(:disabled):hover,html[data-theme=dark] .label-editor #custom-editor .format-toggle:hover input:not(:disabled)+span,html[data-theme=dark] .label-editor #custom-editor .alignment-icons button:hover,html[data-theme=dark] .label-editor #custom-editor .custom-field-actions button:not(:disabled):hover{background:#344156;border-color:#52617a}
html[data-theme=dark] .label-editor .actions button:first-child{background:#386ce7;color:#fff;border-color:#5889ff}
html[data-theme=dark] .label-editor .custom-icon-tooltip{background:#e0e7f2;color:#182337}
html[data-theme=dark] .label-editor #layouts .custom-sample{background:#fff;color:#172b4e;color-scheme:light}
html[data-theme=dark] .label-editor #layouts .custom-sample span{color:#64748d}
html[data-theme=dark] .label-editor #preview>svg{background:#fff;color-scheme:light}
}
@media(max-width:520px){.label-editor header{gap:10px}
.label-editor header>a:nth-child(2){font-size:12px}
.label-editor .editor-theme-toggle{padding:7px 10px}
.label-editor .theme-label{display:none}
}
@media screen{html[data-theme=dark] .label-editor #layouts #custom-start{background:#1d2838;color:#e5eaf3}
html[data-theme=dark] .label-editor #layouts #custom-start[aria-selected=true]{background:#243653;border-color:#739bff}
html[data-theme=dark] .label-editor #custom-editor .custom-field-actions button{border-color:transparent}
}
@media screen{html[data-theme=dark] .label-editor #fields label:has([data-field="highlight"]){background:#243653;color:#dce7fb}
html[data-theme=dark] .label-editor #parent-categories button{background:#1d2838;color:#dce7fb;border-color:#3b4960}
html[data-theme=dark] .label-editor #parent-categories button[aria-pressed=true]{background:#293f65;color:#bbd1ff;border-color:#739bff}
}
