/* Keep actual storefront accessibility rules from overriding canvas text metrics. */
#design-editor.de-v222 #de-inline-edit.de-direct-text #de-inline-text{text-size-adjust:100%;-webkit-text-size-adjust:100%;user-select:text!important;-webkit-user-select:text!important;touch-action:manipulation}
#design-editor.de-v222 #de-inline-edit.de-direct-text #de-inline-text::selection{background:#b6d9fa;color:#111;-webkit-text-fill-color:#111}
#design-editor.de-v222 #de-inline-edit.de-direct-text{outline:1.5px solid #35a0c9!important;outline-offset:2px;overflow:visible}
#design-editor.de-v222 .de-input-corner225{position:absolute;width:8px;height:8px;box-sizing:border-box;background:#fff;border:1px solid #35a0c9;z-index:2;pointer-events:none}
#design-editor.de-v222 .de-input-corner225.nw{top:-6px;left:-6px}#design-editor.de-v222 .de-input-corner225.ne{top:-6px;right:-6px}#design-editor.de-v222 .de-input-corner225.sw{bottom:-6px;left:-6px}#design-editor.de-v222 .de-input-corner225.se{bottom:-6px;right:-6px}
#design-editor.de-v222 .de-order225{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 12px}
#design-editor.de-v222 .de-order225 button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:58px;padding:6px 0!important;font-size:10px;border:1px solid #e1e1e1;border-radius:6px}
#design-editor.de-v222 .de-order225 svg{width:23px;height:23px;flex:none}
#design-editor.de-v222 .de-order225 span{white-space:nowrap;font-size:10px;line-height:1.4}
#design-editor.de-v222 .de-align-reference,#design-editor.de-v222 .de-auto-setting{display:none!important}
#design-editor.de-v222 #de-code-colors225{display:flex;gap:18px;align-items:center;border-bottom:1px solid #eee;padding:3px 0 10px;margin-bottom:8px}
#design-editor.de-v222 #de-code-colors225[hidden]{display:none!important}
#design-editor.de-v222 #de-code-colors225 label{display:flex;align-items:center;gap:7px;font-size:11px;margin:0}
#design-editor.de-v222 #de-code-colors225 input{width:30px;height:30px;min-height:30px;margin:0;flex:none;border:1px solid #bbb!important;background:#fff!important}
#design-editor.de-v222.de-code-selected225 .de-image-grid [data-de-panel=image-color]{display:none}
@media(max-width:850px){
 #design-editor.de-v222.de-code-selected225 #de-floating{max-height:180px}
 #design-editor.de-v222.de-code-selected225.de-tools-open #de-add222{bottom:calc(170px + env(safe-area-inset-bottom))}
 #design-editor.de-v222.de-code-selected225.de-tools-open #de-quick222{bottom:calc(173px + env(safe-area-inset-bottom))}
 #design-editor.de-v222.de-code-selected225 #de-detail222{bottom:calc(163px + env(safe-area-inset-bottom))}
 #design-editor.de-v222 #de-code-colors225{padding:0 0 7px;margin:0 0 4px;justify-content:center}
}
#design-editor.de-v222 #de-canvas{background-color:#fff!important;background-image:conic-gradient(#eeeeee 25%,transparent 0 50%,#eeeeee 0 75%,transparent 0)!important;background-size:18px 18px!important}
#design-editor.de-v222 #de-canvas.no-grid{background-image:none!important}