/* Magnetic Gutenberg: independent namespaced styles */
.scl-m-grid,.scl-m-stage>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--scl-m-row,56px);gap:var(--scl-m-gap,12px);min-width:0;align-content:start}
.scl-m-grid{width:100%;max-width:100%;box-sizing:border-box}
.scl-m-grid>.scl-m-cell{grid-column:calc(var(--scl-m-x) + 1)/span var(--scl-m-w);grid-row:calc(var(--scl-m-y) + 1)/span var(--scl-m-h)}
.scl-m-cell{box-sizing:border-box;min-width:0;min-height:0;overflow-wrap:anywhere;background:var(--scl-m-bg,#f3f6fa);padding:var(--scl-m-padding,16px);border:1px solid #d5dfed;border-radius:10px}
.scl-m-cell img{max-width:100%;height:auto}
.scl-m-editor{border:1px solid #cbd5e1;border-radius:12px;padding:12px;background:#fff;box-sizing:border-box}
.scl-m-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.scl-m-stage{position:relative;box-sizing:border-box;min-width:0;padding:0;overflow:visible}
.scl-m-stage>.block-editor-inner-blocks>.block-editor-block-list__layout{grid-template-columns:repeat(var(--scl-m-cols,12),minmax(0,1fr))}
.scl-m-stage .scl-m-cell{position:relative;min-height:0}
.scl-m-stage .block-editor-block-list__block.scl-m-cell{margin:0;max-width:none;box-sizing:border-box}
.scl-m-cell-tools{display:flex;gap:5px;align-items:center;justify-content:flex-end;margin-bottom:8px;min-height:27px}
.scl-m-handle{border:1px solid #8aa5ce;border-radius:6px;padding:2px 8px;background:#fff;color:#173a72;cursor:grab;touch-action:none}
.scl-m-handle:focus-visible{outline:3px solid #1870d5;outline-offset:2px}
.scl-m-caption{font:11px/1.4 system-ui,sans-serif;color:#47607d;margin-right:auto}
.scl-m-cell-inner{min-width:0}
.scl-m-feedback{font:12px/1.5 system-ui,sans-serif;padding-top:10px;color:#52657c}
.scl-m-dots{background-image:linear-gradient(to right,rgba(30,82,156,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,82,156,.06) 1px,transparent 1px);background-size:calc((100% + var(--scl-m-gap,12px))/var(--scl-m-cols,12)) calc(var(--scl-m-row,56px) + var(--scl-m-gap,12px))}
@media(max-width:1023px){.scl-m-grid{grid-template-columns:repeat(var(--scl-m-tablet,6),minmax(0,1fr))}.scl-m-grid>.scl-m-cell{grid-column:calc(var(--scl-m-tx) + 1)/span var(--scl-m-tw);grid-row:calc(var(--scl-m-ty) + 1)/span var(--scl-m-th)}.scl-m-grid>.scl-m-hide-tablet{display:none}}
@media(max-width:600px){.scl-m-grid{grid-template-columns:repeat(var(--scl-m-mobile,1),minmax(0,1fr))}.scl-m-grid>.scl-m-cell{grid-column:calc(var(--scl-m-mx) + 1)/span var(--scl-m-mw);grid-row:calc(var(--scl-m-my) + 1)/span var(--scl-m-mh)}.scl-m-grid>.scl-m-hide-mobile{display:none}}



.scl-m-stage-tablet{max-width:768px;margin-inline:auto}.scl-m-stage-mobile{max-width:390px;margin-inline:auto}.scl-m-stage-mobile .scl-m-toolbar{flex-wrap:wrap}

/* Drag preview, intentionally scoped to magnetic editor */
.scl-m-editor-cell:has(.scl-m-ghost-label){outline:2px dashed #2563eb;outline-offset:-3px;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.scl-m-ghost-label{position:absolute;z-index:12;top:-25px;left:0;background:#16498d;color:white;padding:3px 8px;border-radius:5px;font:11px/1.35 system-ui,sans-serif;pointer-events:none}
.scl-m-handle:active{cursor:grabbing}

/* 2.7: magnetic feedback lines and preview anchors */
.scl-m-editor-cell .scl-m-guide-h{position:absolute;z-index:10;inset-inline:-10px;height:0;border-top:2px dashed #2666c1;pointer-events:none}
.scl-m-editor-cell:has(.scl-m-ghost-label){box-shadow:0 0 0 3px rgba(24,103,196,.20)}
.scl-m-stage .scl-m-handle{min-width:34px;min-height:32px}

.scl-m-group-arrows{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.scl-m-group-arrows button{min-width:38px}

/* 2.9: prevent horizontal overflow with long imported JSON */
.scl-m-editor .components-textarea-control__input{max-width:100%}

/* v3.0: Gutenberg block wrappers must share the canvas grid dimensions. */
.editor-styles-wrapper .wp-block-smart-canvas-lab-magnetic-grid,
.editor-styles-wrapper .wp-block-smart-canvas-lab-magnetic-cell{box-sizing:border-box;min-width:0;max-width:100%;}
.editor-styles-wrapper .scl-m-editor{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;}
.editor-styles-wrapper .scl-m-stage{width:100%;max-width:100%;min-width:0;}
.editor-styles-wrapper .scl-m-stage-desktop{min-width:720px;}
.editor-styles-wrapper .scl-m-stage-tablet{width:min(100%,768px);min-width:560px;}
.editor-styles-wrapper .scl-m-stage-mobile{width:min(100%,390px);min-width:280px;}
.editor-styles-wrapper .scl-m-stage>.block-editor-inner-blocks{width:100%;min-width:0;max-width:none;}
.editor-styles-wrapper .scl-m-stage>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;width:100%;max-width:none;min-width:0;grid-template-columns:repeat(var(--scl-m-cols,12),minmax(0,1fr));grid-auto-rows:minmax(var(--scl-m-row,56px),auto);gap:var(--scl-m-gap,12px);align-items:stretch;position:relative;}
.editor-styles-wrapper .scl-m-stage .block-editor-block-list__block.scl-m-cell{width:auto;min-width:0;max-width:none!important;justify-self:stretch;align-self:stretch;overflow-wrap:anywhere;}
.editor-styles-wrapper .scl-m-stage .scl-m-cell-inner,.editor-styles-wrapper .scl-m-stage .block-editor-inner-blocks{min-width:0;max-width:100%;}
.editor-styles-wrapper .scl-m-stage .block-editor-block-list__block:not(.scl-m-cell){min-width:0;max-width:100%;}
.editor-styles-wrapper .scl-m-stage .scl-m-cell-tools{flex-wrap:wrap;}
.editor-styles-wrapper .scl-m-stage .scl-m-cell-inner img{max-width:100%;height:auto;}
@media(max-width:760px){.editor-styles-wrapper .scl-m-editor{overflow-x:auto;}.editor-styles-wrapper .scl-m-stage-desktop{min-width:720px;}}