/* Editor chrome uses admin theme tokens; website styles stay inside the canvas iframe. */
.pw-studio{--studio-accent:#146c43;--studio-surface:var(--card,var(--elevated,#fff));min-width:0;border:1px solid var(--border,#dce5df);border-radius:12px;overflow:hidden;background:var(--studio-surface);color:var(--text,#172c22)}
.pw-studio-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border,#dce5df);background:var(--studio-surface)}
.pw-tool-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.pw-devices{margin-left:auto;padding:3px;border:1px solid var(--border,#dce5df);border-radius:9px;background:var(--bg,#f5f8f6)}
.pw .pw-studio-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px!important;padding:7px 9px!important;font-size:12px!important;border-color:transparent;background:transparent;box-shadow:none}.pw-studio-tools svg{flex:0 0 auto;width:16px;height:16px}
.pw .pw-studio-tools button[aria-expanded=true],.pw .pw-studio-tools button[aria-pressed=true]{color:var(--studio-accent);background:color-mix(in srgb,var(--studio-accent) 12%,var(--studio-surface));border-color:color-mix(in srgb,var(--studio-accent) 35%,var(--border,#dce5df))}
.pw-studio-layout{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;position:relative}.pw-studio-layout.has-panel{grid-template-columns:248px minmax(0,1fr)}
.pw-studio-panel{display:none;min-width:0;max-height:640px;overflow:auto;overscroll-behavior:contain;background:var(--studio-surface);color:var(--text,#172c22);border-right:1px solid var(--border,#dce5df)}.pw-studio-panel.is-open{display:block}.pw-studio-panel [hidden]{display:none!important}
.pw-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid var(--border,#dce5df);position:sticky;top:0;background:var(--studio-surface);z-index:1}.pw-panel-heading strong{font-size:13px}.pw-studio-panel-close{display:inline-flex;align-items:center;justify-content:center;min-height:30px!important;width:30px;padding:5px!important;border:0!important;background:transparent}
.pw-element-search{display:grid;gap:6px;padding:12px;font-size:12px!important;color:var(--text2,#5b6b62)}.pw-element-search input{min-height:34px!important;padding:8px 10px!important;border-radius:8px;font-size:12px!important}
.pw-studio-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:2}.pw-studio-canvas{min-width:0;overflow:hidden;background:var(--bg,#edf2ef)}.pw-studio-status{padding:9px 12px;margin:0;font-size:12px;border-top:1px solid var(--border,#dce5df);color:var(--text2,#5b6b62)}
.pw-studio .gjs-blocks-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.pw-studio .gjs-block{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;margin:0;min-height:82px;padding:12px 8px;border:1px solid var(--border,#dce5df);border-radius:9px;background:var(--studio-surface);color:var(--text,#172c22);box-shadow:none;transition:background .15s,border-color .15s,box-shadow .15s}.pw-studio .gjs-block__media{margin:0;line-height:1}.pw-studio .gjs-block__media svg{width:24px;height:24px;color:var(--studio-accent);fill:none;stroke:currentColor}.pw-studio .gjs-block__media svg path{fill:none}.pw-studio-panel-close svg{width:16px;height:16px;fill:none;stroke:currentColor;flex:0 0 auto}.pw-studio .gjs-block-label{font-family:inherit;font-size:12px;font-weight:500;line-height:1.35;overflow-wrap:anywhere;text-align:center}
.pw-studio-panel .gjs-one-bg,.pw-studio-panel .gjs-block-category .gjs-title{background:var(--studio-surface);color:var(--text,#172c22)}.pw-studio-panel .gjs-two-color{color:var(--text,#172c22)}.pw-studio-panel .gjs-title{font-size:12px;padding:10px 12px;border-color:var(--border,#dce5df)}
.pw-studio .gjs-cv-canvas{width:100%;height:100%;top:0}.pw-studio .gjs-editor{background:var(--bg,#edf2ef)}
@media(hover:hover){.pw-studio .gjs-block:hover{background:color-mix(in srgb,var(--studio-accent) 8%,var(--studio-surface));border-color:var(--studio-accent);box-shadow:0 2px 8px #146c4315}}
@media(max-width:1100px){.pw-studio-layout.has-panel{grid-template-columns:220px minmax(0,1fr)}.pw-devices{margin-left:0}.pw-selection-tools{width:100%;padding-top:6px;border-top:1px solid var(--border,#dce5df)}}
@media(max-width:767px){.pw-studio-layout.has-panel{grid-template-columns:minmax(0,1fr)}.pw-studio-panel{position:fixed;top:80px;bottom:80px;left:12px;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 160px);z-index:2001;border-radius:0 0 12px 0;box-shadow:0 8px 24px #0003}.pw-studio-backdrop{position:fixed;inset:0;z-index:2000}.pw-studio-tools{gap:8px;padding:8px}.pw-studio-tools>.pw-tool-group:first-child{width:100%;flex-wrap:nowrap}.pw .pw-studio-tools>.pw-tool-group:first-child button{flex:1;min-width:0;flex-direction:column;gap:4px;white-space:normal;font-size:11px!important}.pw .pw-studio-tools>.pw-tool-group:first-child button span{line-height:1.2}.pw .pw-studio-tools button{min-height:40px!important;padding:8px!important}.pw-devices{width:100%;justify-content:space-between}.pw-devices button{flex:1}.pw-selection-tools{gap:6px}.pw-selection-tools button{flex:1}.pw-studio-panel-close{min-height:40px!important;width:40px}}
@media(prefers-reduced-motion:reduce){.pw-studio .gjs-block{transition:none}}

.dark .pw-studio{--studio-accent:#7cd4a7}

/* Canvas scroll belongs to the editor, never the surrounding admin page. */
/* The Admin theme hides every scrollbar with !important; these editor-only overrides are deliberate. */
.pw-studio-canvas{height:640px;overflow:scroll;scrollbar-gutter:auto;scrollbar-width:auto!important;scrollbar-color:#687480 #edf0f2;overscroll-behavior:contain}
.pw-studio-canvas{display:block;width:100%;max-width:100%;min-width:0;scrollbar-gutter:auto}
.pw-canvas-stage{width:100%;min-width:0}
.pw-studio[data-canvas-device=Desktop] .pw-canvas-stage{min-width:1440px}
.pw-studio[data-canvas-device=Tablet] .pw-canvas-stage{min-width:768px}
.pw-studio[data-canvas-device=Mobile] .pw-canvas-stage{min-width:390px}
.pw-studio-canvas:focus-visible{outline:2px solid var(--studio-accent);outline-offset:-2px}
.pw-studio-canvas::-webkit-scrollbar{height:12px;width:12px;display:block!important}
.pw-studio-canvas::-webkit-scrollbar-track{display:block!important;background:var(--bg,#edf2ef)}
.pw-studio-canvas::-webkit-scrollbar-thumb{display:block!important;background:var(--text2,#6b8275);border:3px solid var(--bg,#edf2ef);border-radius:8px}

/* Contain the fixed desktop artboard inside the admin grid, including its host. */
#pwCanvas{width:100%;max-width:100%;min-width:0;contain:inline-size}
.pw-studio{width:100%;max-width:100%;min-width:0}
.pw-studio-layout{width:100%;max-width:100%;overflow:hidden}
.pw-studio-canvas{box-sizing:border-box;overflow-x:scroll}
.pw-studio-canvas::-webkit-scrollbar-corner{display:block!important;background:var(--bg,#edf2ef)}
.pw .pw-studio-tools [data-editor-save]{background:var(--studio-accent);color:var(--studio-surface);border-color:var(--studio-accent);font-weight:600}
.pw-studio-tools [data-editor-save-state]{font-size:12px;color:var(--text2,#6b8275);margin-inline-start:auto}
.pw-studio-tools [data-editor-save]:disabled{opacity:.6;cursor:wait}
.pw-studio-tools [data-editor-save]:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}
.pw .pw-studio.is-fullscreen{position:fixed;inset:0;z-index:3000;width:100vw;max-width:100vw;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;background:var(--studio-surface)}
.pw-studio.is-fullscreen .pw-studio-tools,.pw-studio.is-fullscreen .pw-studio-status{flex-shrink:0}
.pw-studio.is-fullscreen .pw-studio-layout{flex:1;min-height:0}
.pw-studio.is-fullscreen .pw-studio-panel{max-height:100%;overflow:auto}
.pw-studio.is-fullscreen .pw-studio-canvas{height:100%!important}
.pw-studio.is-fullscreen .pw-studio-panel{z-index:3002}.pw-studio.is-fullscreen .pw-studio-backdrop{z-index:3001}

/* Owner-facing editor density and mobile containment. */
.pw-studio{--studio-radius:12px}
.pw-studio-tools{padding:9px 10px;gap:8px}
.pw .pw-studio-tools button{min-height:32px!important;padding:6px 8px!important;font-size:12px!important}
.pw-studio-canvas{height:clamp(420px,72vh,760px)}
@media(max-width:767px){
 .pw-studio-canvas{height:clamp(360px,62dvh,560px)}
 .pw-studio-panel{top:8px;bottom:8px;max-height:calc(100dvh - 16px);border-radius:12px;box-shadow:0 18px 48px #0005}
 .pw-studio-layout.has-panel{grid-template-columns:minmax(0,1fr)}
 .pw-studio-tools>.pw-tool-group:first-child{width:100%}
 .pw-studio-tools{padding:8px}
 .pw-studio-status{padding:7px 10px;font-size:11px}
}
@media(min-width:1280px){.pages-editing .pw-studio-canvas{height:clamp(520px,74vh,900px)}}