body.atelier .atelier-layout-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start;min-width:0}
body.atelier .atelier-layout-grid>:not(.atelier-module){grid-column:1/-1}
body.atelier .atelier-module{grid-column:span var(--layout-span,12);min-width:0;max-width:100%;position:relative;box-sizing:border-box;}
body.atelier .atelier-module.atelier-fixed-height{overflow:auto;overscroll-behavior:contain;}
body.atelier .atelier-module img{max-width:100%}
body.atelier .atelier-layout-toolbar{grid-column:1/-1;position:sticky;top:8px;z-index:80;background:#f1f3ed;border:1px solid #becdc3;border-radius:6px;padding:14px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#244c3d;box-shadow:0 4px 16px #12382b12;margin:0 0 16px}
body.atelier .atelier-layout-toolbar span{font-size:12px}body.atelier .atelier-layout-actions{display:flex;gap:8px;margin-left:auto}
body.atelier .atelier-layout-toolbar button,body.atelier .atelier-module-tools button,body.atelier .atelier-module-tools select,body.atelier .atelier-module-tools input{font-family:inherit;font-size:12px;line-height:1.4;min-height:30px;border:1px solid #c8d0c8;border-radius:4px;background:#fff;color:#244c3d;padding:4px 7px}
body.atelier .atelier-layout-editing .atelier-module{outline:1px dashed #859c8d;outline-offset:3px}
body.atelier.atelier-layout-editing .atelier-module{outline:1px dashed #859c8d;outline-offset:3px}
body.atelier .atelier-module-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:#edf3ec;border-radius:4px;position:relative;z-index:2;grid-column:1/-1;margin-bottom:10px}
body.atelier .atelier-module-tools label{display:flex;align-items:center;gap:4px;font-size:11px;margin:0;color:#365346}
body.atelier .atelier-module-tools input{width:66px!important}body.atelier .atelier-module-tools select{width:66px!important}body.atelier .atelier-drag-handle{cursor:grab!important}
body.atelier .atelier-resize-handle{position:absolute;right:2px;bottom:2px;width:28px;height:28px;min-height:28px;padding:4px;background:#fff;border:1px solid #afbeb4;border-radius:4px;cursor:nwse-resize;touch-action:none;z-index:3}body.atelier .atelier-resize-handle img{width:18px;height:18px}
body.atelier .atelier-drop-target{outline:2px solid #2b6851!important}body.atelier .atelier-dragging{opacity:.6}
body.atelier .atelier-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:6px;background:#214939;color:#fff;z-index:999;font-size:14px}
@media(max-width:719px){body.atelier .atelier-module{grid-column:1/-1!important}body.atelier .atelier-layout-toolbar{position:relative;top:0}body.atelier .atelier-layout-actions{margin:0}body.atelier .atelier-layout-grid{gap:14px}}
@media(prefers-reduced-motion:reduce){body.atelier *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Layout preferences must never reveal an inactive page or permission-hidden block. */
body.atelier #workspace [hidden],body.atelier #workspace>.view:not(.is-visible){display:none!important}
@media(max-width:719px){body.atelier .atelier-layout-toolbar button,body.atelier .atelier-module-tools button,body.atelier .atelier-module-tools select,body.atelier .atelier-module-tools input{min-height:44px}body.atelier .atelier-resize-handle{width:44px;height:44px;min-height:44px}}

body.atelier .atelier-product-frame{height:75vh;min-height:400px}body.atelier .atelier-product-frame>iframe{width:100%;height:100%;min-width:0;border:0}body.atelier.atelier-layout-editing .atelier-product-frame>iframe{height:calc(100% - 60px);pointer-events:none}

body.atelier .atelier-custom-layout>.atelier-module{grid-row:auto!important}
