/* Match the shared storefront transparency preview. These backgrounds are UI-only. */
#design-editor.de-v222 #de-canvas:not(.no-grid),
#design-editor.de-v222 .de-crop-area227 canvas,
#design-editor.de-v222 .de-cutout-stage canvas,
#design-editor.de-v222 .de-preview-stage223 img,
#design-editor.de-v222 .de-effects222 img,
#design-editor.de-v222 .de-photo img{background:var(--preview-grid,repeating-conic-gradient(#73777b 0 25%,#85898d 0 50%) 0/12px 12px)!important}
#design-editor.de-v222 #de-canvas.no-grid{background:#fff!important}
/* Prevent accidental UI selection without changing canvas or library drag gestures. */
#design-editor,#design-editor *{-webkit-user-select:none;user-select:none}
#design-editor input,#design-editor textarea,#design-editor [contenteditable=true],#design-editor [contenteditable=true] *{-webkit-user-select:text!important;user-select:text!important}
#design-editor img{-webkit-user-drag:none}
/* Mobile already has a clear type hierarchy; only override the desktop library. */
@media(min-width:851px){
 #design-editor.de-v222 .de-text-presets{display:flex;flex-direction:column;gap:12px;padding:20px 0}
 #design-editor.de-v222 .de-text-presets button{width:100%;min-height:68px;padding:18px 8px;font-size:24px!important;line-height:1.4;white-space:normal;word-break:keep-all;font-weight:700}
 #design-editor.de-v222 .de-text-presets button:nth-child(2){font-size:19px!important;font-weight:600}
 #design-editor.de-v222 .de-text-presets button:nth-child(3){font-size:15px!important;font-weight:400}
}