.label-editor .custom-field-zone{border:1px solid #ccd7e8;border-radius:14px;padding:12px;margin:16px 0;min-height:100px;transition:border-color .15s,background .15s}
.label-editor .custom-field-zone h4{font-size:14px;margin:0 0 12px;color:inherit}
.label-editor .custom-field-zone .custom-field{margin:10px 0 0}
.label-editor .custom-field-zone .zone-empty{font-size:13px;color:#657b9b;margin:14px 0;line-height:1.5}
.label-editor .custom-field-zone.drop-active{border-color:#2864ed;background:#eef4ff}
.label-editor .custom-field-zone.drop-full{border-color:#bd6a35}
html[data-theme=dark] .label-editor .custom-field-zone{border-color:#42536b}
html[data-theme=dark] .label-editor .custom-field-zone.drop-active{background:#243650;border-color:#7ca6ff}

.label-editor #custom-editor .custom-field-settings .icon-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(24px,30px)) minmax(76px,96px) minmax(54px,76px);gap:3px!important;align-items:center}
.label-editor #custom-editor .icon-toolbar .format-toggle{width:100%;min-width:0;flex:none}
.label-editor #custom-editor .icon-toolbar .format-toggle span,.label-editor #custom-editor .icon-toolbar .format-toggle input[type=checkbox]{width:100%;max-width:100%;min-width:0}
.label-editor #custom-editor .icon-toolbar .alignment-icons{min-width:0;width:100%;box-sizing:border-box;gap:0;padding-left:3px}
.label-editor #custom-editor .icon-toolbar .alignment-icons button{flex:1;min-width:0;width:auto;padding:3px!important}
.label-editor #custom-editor .icon-toolbar .compact-font{min-width:0;width:100%;flex:none}
.label-editor #custom-editor .icon-toolbar .compact-font select{min-width:0;width:100%}

@media screen{
.label-editor #preview{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(120deg,#eeeaff,#e3f0ff);background-size:100% 100%;background-position:0 0}
html[data-theme=dark] .label-editor #preview{background-image:linear-gradient(120deg,#28263d,#1d3548)}
.label-editor #preview>.preview-dot-grid{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}
}
@media print{.preview-dot-grid{display:none!important}}

/* A small screen-space radius must not clip the printed label's corners. */
@media screen{
.label-editor #preview{padding:clamp(12px,2vw,24px)}
.label-editor #preview>svg{width:min(100%,calc(var(--label-preview-width,696px) / 1.5));border-radius:6px;background:#fff}
.label-editor #preview>svg>rect:first-child{clip-path:none;rx:0;ry:0}
}