.pw{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:1500px;margin:auto;color:var(--text,#172c22)}
.pw *{box-sizing:border-box}.pw header,.pw-toolbar,.pw-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pw h2,.pw h3{margin:0}.pw header p{margin:6px 0;color:var(--text2,#5b6b62)}
.pw button,.pw select,.pw input,.pw textarea{font:inherit}.pw button{padding:9px 13px;border:1px solid var(--border,#dce5df);background:var(--elevated,#fff);color:inherit;border-radius:9px;cursor:pointer;min-height:38px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.pw button.primary{background:#146c43;border-color:#146c43;color:#fff;font-weight:600}.pw button:disabled{opacity:.45;cursor:not-allowed}.pw button:focus-visible,.pw input:focus-visible,.pw textarea:focus-visible,.pw select:focus-visible{outline:2px solid #2f9d65;outline-offset:2px}
.pw input,.pw textarea,.pw select{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--border,#dce5df);border-radius:8px;background:var(--bg,#fff);color:inherit}.pw textarea{resize:vertical;min-height:84px}.pw label{display:grid;gap:6px;font-size:13px;color:var(--text2,#40564a)}.pw label input[type=checkbox]{width:16px;height:16px;min-height:0;justify-self:start}.pw label.pw-inline{display:flex;align-items:center;gap:8px;color:var(--text,#172c22)}
.pw-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.pw-card{background:var(--card,var(--elevated,#fff));border:1px solid var(--border,#dce5df);padding:18px;border-radius:14px;min-width:0}.pw-meta{display:grid;gap:0}.pw-note{padding:11px 13px;border-radius:9px;background:rgba(25,132,83,.1);font-size:13px;overflow-wrap:anywhere}.pw-note.error{background:rgba(200,60,60,.14);color:#a1281d}
.pw-empty{text-align:center;padding:48px 18px;color:var(--text2,#5b6b62);font-size:14px}
.pw-dialog{width:min(960px,95vw);max-height:90vh;overflow:auto;border:1px solid var(--border,#dce5df);border-radius:16px;padding:20px;background:var(--bg,#fff);color:var(--text,#172c22);box-shadow:0 24px 64px #0003}.pw-dialog::backdrop{background:#0009}.pw-dialog iframe{width:100%;height:65vh;border:0;background:white;margin:15px auto;display:block}.pw-dialog.mobile iframe{max-width:390px}.pw-dialog textarea{width:100%;min-height:300px}.pw-dialog .pw-toolbar{margin-bottom:12px}.pw-dialog-lead{color:var(--text2,#5b6b62);margin-top:0}
.pw-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pw-media img{width:100%;height:110px;object-fit:cover}.pw-children{margin-left:14px;border-left:2px solid #35784e;padding-left:12px}.pw-revision{padding:12px;border-bottom:1px solid var(--border,#dce5df)}
.pw-notice,.pw-note{overflow-wrap:anywhere}

/* Page editor header: identity, status and the actions an owner needs first. */
 .pw-editor-head{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;margin:0;max-width:100%;min-width:0;background:color-mix(in srgb,var(--card,#fff) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border,#dce5df)}
.pw-editor-head .pw-back{display:inline-flex;align-items:center;gap:6px;border-color:transparent;background:transparent;padding-inline:8px;font-weight:600;color:var(--text2,#40564a)}
.pw-editor-identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;max-width:100%;flex:1 1 auto}.pw-editor-title{font-size:17px;line-height:1.3;max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-editor-title-input{width:clamp(190px,34vw,440px);max-width:100%;min-height:34px!important;padding:5px 8px!important;border-color:transparent!important;background:transparent!important;font-size:17px!important;font-weight:700;border-radius:7px!important}.pw-editor-title-input:hover{border-color:var(--border,#dce5df)!important;background:var(--bg,#f5f8f6)!important}.pw-editor-title-input:focus{border-color:#2f9d65!important;background:var(--bg,#fff)!important;outline:none}.pw-status-tech{font-size:11px;color:var(--text2,#6b8275);opacity:.7}.pw-editor-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:0;min-width:0;max-width:100%;flex:1 1 100%;justify-content:flex-end}.pw-editor-actions #pwSaveState{font-size:12px;color:var(--text2,#6b8275);padding-inline:4px}
.pw-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap;background:#eef2f0;color:#52655b;border:1px solid transparent}
.pw-badge-draft{background:#eef2f0;color:#52655b}.pw-badge-published,.pw-badge-approved{background:#e6f4ec;color:#146c43}.pw-badge-published-changes{background:#fff3dd;color:#8a5600}.pw-badge-pending_review{background:#e8f0ff;color:#245aa5}.pw-badge-trashed{background:#fdeceb;color:#a1281d}.pw-badge.is-legacy{border-style:dashed;border-color:#c9973f;background:#fff8e8;color:#7a5411}
.pw-editor-head .pw-live{margin-left:2px;font-size:12px;color:#146c43;font-weight:600;text-decoration:none;white-space:nowrap}.pw-editor-head .pw-live:hover{text-decoration:underline}

/* Page settings rail. */
.pw-settings{position:sticky;top:12px;max-height:clamp(320px,calc(100dvh - 380px),900px);overflow:auto;padding:0}
.pw-settings-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border-bottom:1px solid var(--border,#dce5df);position:sticky;top:0;background:var(--card,#fff);z-index:1}
.pw-settings-head h3{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text2,#5b6b62)}
.pw-settings-head button{border:0;background:transparent;min-height:30px;width:30px;padding:0;font-size:20px;line-height:1;color:var(--text2,#5b6b62)}
.pw-settings-group{border-bottom:1px solid var(--border,#dce5df)}.pw-settings-group:last-child{border-bottom:0}
.pw-settings-group summary{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;font-size:13px;font-weight:700;cursor:pointer;list-style:none;user-select:none}
.pw-settings-group summary::-webkit-details-marker{display:none}.pw-settings-group summary::after{content:'›';font-size:17px;color:var(--text2,#6b8275);transform:rotate(90deg);transition:transform .15s}
.pw-settings-group[open] summary::after{transform:rotate(-90deg)}
.pw-settings-body{display:grid;gap:11px;padding:0 14px 15px}.pw-settings-body .pw-note{margin:2px 0 0}.pw-settings-body button{width:100%;text-align:center}
.pw-settings .pw-settings-body>.pw-note:first-child{margin-top:0}

/* Listing: tabs, filters and rows. */
.pw-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pw-tabs{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:3px;border:1px solid var(--border,#dce5df);border-radius:11px;background:var(--bg,#f5f8f6)}
.pw-tab{border:0!important;background:transparent!important;min-height:32px!important;padding:6px 11px!important;font-size:12.5px!important;font-weight:600;color:var(--text2,#5b6b62);border-radius:8px!important;white-space:nowrap}
.pw-tab span{display:inline-block;min-width:18px;padding:1px 5px;margin-left:3px;border-radius:999px;background:rgba(20,108,67,.1);color:#146c43;font-size:11px;text-align:center}
.pw-tab.is-active{background:var(--card,#fff)!important;color:var(--text,#172c22);box-shadow:0 1px 3px #0000001a}
.pw-list-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pw-list-tools select{width:auto;min-height:36px;font-size:12.5px;padding:6px 28px 6px 10px}
.pw-search{position:relative;display:flex;align-items:center}.pw-search span{position:absolute;left:10px;font-size:16px;color:var(--text2,#6b8275);pointer-events:none}.pw-search input{width:280px;min-height:36px;padding:6px 10px 6px 30px;font-size:13px}
.pw-import{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid #d9b56b;border-radius:12px;background:#fff8e8;color:#5f4512}
.pw-import strong{font-size:14px}.pw-import p{margin:4px 0 0;font-size:12.5px;color:#7a5d21;max-width:70ch}.pw-import .primary{background:#146c43;border-color:#146c43;color:#fff}
.pw-list{display:grid;gap:9px}
.pw-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border,#dce5df);border-radius:12px;background:var(--card,var(--elevated,#fff));transition:border-color .15s,box-shadow .15s}
.pw-row:hover{border-color:#b9d4c4;box-shadow:0 3px 14px #146c430d}
.pw-row-main{display:flex;align-items:flex-start;gap:11px;min-width:0}.pw-check{display:flex!important;align-items:center;padding-top:3px;flex:0 0 auto}.pw-check input{cursor:pointer}
.pw-row-copy{min-width:0}.pw-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pw-title-link{border:0!important;background:transparent!important;padding:0!important;min-height:0!important;font-size:15px!important;font-weight:700;text-align:left;color:var(--text,#172c22);cursor:pointer;overflow-wrap:anywhere}
.pw-title-link:hover{color:#146c43;text-decoration:underline}
.pw-row-sub,.pw-row-meta{margin:3px 0 0;font-size:12.5px;color:var(--text2,#5b6b62);overflow-wrap:anywhere}.pw-row-meta{font-size:11.5px;opacity:.85}
.pw-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap;max-width:none}.pw-row-actions button{min-height:32px!important;padding:5px 9px!important;font-size:12px!important;background:transparent;border-color:transparent;color:var(--text2,#5b6b62)}.pw-row-actions button:hover{border-color:var(--border,#dce5df);background:var(--bg,#f5f8f6);color:var(--text,#172c22)}.pw-row-actions button[data-action^="trash"]{color:#a1281d}.pw-row-actions .pw-live{font-size:12px;color:#146c43;font-weight:600;text-decoration:none;padding:0 6px;white-space:nowrap}.pw-row-actions .pw-live:hover{text-decoration:underline}
.pw-row-actions button[data-action="edit"]{color:var(--text,#172c22);font-weight:700}
.pw-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--text2,#5b6b62)}.pw-pager>div{display:flex;align-items:center;gap:6px}.pw-pager-left{gap:12px!important}.pw-pager button{min-height:32px!important;padding:5px 12px!important;font-size:12px!important}
.pw-list-foot{display:flex;justify-content:flex-end;padding-top:2px}
.pw-bulk{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid #146c43;border-radius:11px;background:var(--card,#fff);box-shadow:0 10px 28px #0000001f;font-size:13px}.pw-bulk[hidden]{display:none}.pw-bulk button{min-height:32px!important;padding:5px 11px!important;font-size:12px!important}
.pw-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pw-template{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border,#dce5df);border-radius:12px;background:var(--bg,#f7faf8)}.pw-template button{width:100%;font-weight:700}.pw-template p{margin:0;font-size:12px;line-height:1.5;color:var(--text2,#5b6b62)}

/* Compact admin controls; editable page content keeps its own design. */
.pw button,.pw input,.pw select,.pw textarea,.pw-dialog button,.pw-dialog input,.pw-dialog select,.pw-dialog textarea{font-family:inherit;font-size:13.5px!important;line-height:1.35}
.pw button,.pw-dialog button{min-height:36px!important;padding:7px 12px!important;border-radius:8px;white-space:nowrap}
.pw input,.pw select{min-height:36px;padding:7px 10px}.pw textarea{padding:8px 10px}
.pw .pw-actions{gap:8px}.pw .pw-toolbar{gap:10px}.pw .pw-card{padding:16px}.pw .pw-document-actions{justify-content:flex-start}
.pw .pw-block-head button,.pw .pw-types button{min-height:32px!important;padding:5px 9px!important;font-size:12px!important}
.pw button:active:not(:disabled),.pw-dialog button:active:not(:disabled){box-shadow:inset 0 1px 3px #0002}
@media(hover:hover){.pw button:not(:disabled):hover,.pw-dialog button:not(:disabled):hover{border-color:#287950;background:color-mix(in srgb,#146c43 8%,var(--card,#fff));box-shadow:0 2px 6px #146c4312}.pw button.primary:not(:disabled):hover{background:#0e5937;border-color:#0e5937;color:#fff}}
@media(prefers-reduced-motion:reduce){.pw button,.pw-dialog button,.pw-row,.pw-settings-group summary::after{transition:none}}

@media(max-width:1279px){.pw-grid,.pages-view:has(#pwCanvas) .pw-grid{grid-template-columns:minmax(0,1fr)}.pw-row-actions{flex-wrap:wrap}.pw-settings{position:static;max-height:none}.pw-row-actions{max-width:none}}
@media(max-width:900px){.pw-list-head{align-items:flex-start}.pw-list-tools{width:100%}.pw-search{flex:1 1 100%}.pw-search input{width:100%}.pw-list-tools select{flex:1 1 30%}.pw-row{grid-template-columns:1fr}.pw-row-actions{justify-content:flex-start;max-width:none}.pw-card{padding:13px}.pw-dialog{padding:12px}.pw-actions{justify-content:flex-start}.pw-block{padding:10px}.pw-children{margin-left:4px;padding-left:6px}.pw-templates{grid-template-columns:1fr}.pw-editor-title{max-width:100%}}
@media(max-width:767px){.pages-editing .pw-grid:not(.is-meta-hidden)>.pw-settings{position:fixed;left:8px;right:8px;bottom:8px;top:auto;max-height:60dvh;z-index:1200;border-radius:14px;box-shadow:0 18px 48px #0006}.pw-editor-head{gap:8px;padding:8px 10px;margin:0}.pw-editor-actions{width:100%;margin-left:0}.pw-editor-actions button{flex:1 1 auto}.pw-editor-title{font-size:15px}.pw-row{padding:12px}.pw-row-actions button{padding:6px 8px!important}}
@media(max-width:767px){.pw button,.pw-dialog button,.pw input:not([type=checkbox]),.pw select{min-height:44px!important}}

/* Image library cards contain filenames and remain inside narrow dialogs. */
.pw-dialog{box-sizing:border-box;max-width:calc(100vw - 24px)}
.pw-dialog #pwDialogBody:has(.pw-media){display:grid;gap:12px}
.pw-dialog #pwDialogBody:has(.pw-media)>label{display:grid;gap:6px;min-width:0}
.pw-dialog #pwDialogBody:has(.pw-media)>label input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:8px}
.pw-dialog .pw-media{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));min-width:0}
.pw-dialog .pw-media button{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:110px auto auto;align-content:start;gap:6px;min-width:0;max-width:100%;padding:8px!important;white-space:normal;text-align:left}
.pw-dialog .pw-media button span,.pw-dialog .pw-media button small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0;max-width:100%;overflow-wrap:anywhere}
.pw-dialog .pw-media img{display:block;box-sizing:border-box;border-radius:6px}

/* Full-width Pages editing; normal list and other admin views keep their gutters. */
.pages-view:has(#pwCanvas) .d-main{padding-inline:0!important}
.pages-view:has(#pwCanvas) #list{width:100%;max-width:none;margin-inline:0;padding-inline:0!important}
.pages-view:has(#pwCanvas) .pw{max-width:none;width:100%;margin-inline:0}
.pages-view:has(#pwCanvas) .pw-studio{width:100%;max-width:none}
.pages-view:has(#pwCanvas) .pw-studio-layout,.pages-view:has(#pwCanvas) .pw-studio-canvas{min-width:0}
.pages-view:has(#pwCanvas) .pw-grid{grid-template-columns:minmax(0,1fr) 340px}
.pages-view:has(#pwCanvas) .pw-grid.is-meta-hidden{grid-template-columns:minmax(0,1fr)}
.pages-view:has(#pwCanvas) .pw-grid.is-meta-hidden>.pw-meta{display:none}
.pages-view:has(#pwCanvas) .pw-grid>.pw-editor-card{padding:0;border-radius:0}
.pages-view:has(#pwCanvas) .pw-editor-card>.pw-toolbar,.pages-view:has(#pwCanvas) .pw-document-actions{padding-inline:12px}
.pages-view:has(#pwCanvas) .d-hdr,.pages-view:has(#pwCanvas) .pw-page-toolbar{padding-inline:12px}
.pages-view.pages-editing .pw>header{display:none}
@media(min-width:1024px){.pages-view .pw-collapse-empty{display:none}.pages-view .pw-editor-sidebar-foot{display:grid;grid-template-columns:minmax(0,1fr) 38px;grid-template-rows:38px 38px;align-items:center;gap:6px}.pages-view .pw-editor-sidebar-foot .nav3-foot-btn[data-action="refresh"]{grid-column:1/-1;grid-row:1}.pages-view .pw-editor-sidebar-foot .nav3-foot-btn[data-action="logout"]{grid-column:1;grid-row:2;white-space:nowrap}.pages-view .pw-editor-sidebar-foot .nav3-collapse{grid-column:2;grid-row:2;justify-self:center;flex:0 0 34px;width:34px;height:34px;border:0;background:transparent}}
@media(max-width:1023px){body.pages-editing .bnav{display:none!important}body.pages-editing .d-main{padding-bottom:0!important}body.pages-editing #dMain{min-height:100dvh}}

/* Narrow screens always stack the settings rail under the canvas. */
@media(max-width:1279px){.pages-view:has(#pwCanvas) .pw-grid:not(.is-meta-hidden){grid-template-columns:minmax(0,1fr)!important}}

@media(max-width:1023px){.pw-editor-actions{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start}.pw-editor-actions::-webkit-scrollbar{display:none}.pw-editor-actions button{flex:0 0 auto}}
@media(max-width:767px){
 .pw-editor-identity{width:100%}
 .pw-status-tech,.pw-editor-head .pw-live{display:none}
 .pw-editor-title-input{width:100%;flex:1 1 100%;font-size:16px!important}
 .pw-editor-actions{width:100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scrollbar-width:none}
 .pw-editor-actions::-webkit-scrollbar{display:none}
 .pw-editor-actions #pwSaveState{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .pw-editor-actions button{flex:0 0 auto}
 .pw-editor-card>.pw-toolbar h3{display:none}
 .pw-editor-card>.pw-toolbar{padding:8px 12px}
 .pw-document-actions{flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 .pw-document-actions::-webkit-scrollbar{display:none}
}

/* Editor chrome refresh 2026-11-01: calm card header, readable spacing and a
   naturally scrolling settings rail (no nested scrollbar on desktop). */
.pages-view:has(#pwCanvas) #pwBody{padding:0 24px 32px}
.pages-view:has(#pwCanvas) #pwNotice{max-width:none;margin:16px 24px 0;padding:12px 16px;border:1px solid #cfe5d8;border-radius:12px;background:#eef8f1;color:#28553e;font-size:13px;line-height:1.55}
.pw-editor-head{position:sticky;top:12px;z-index:30;display:block;padding:16px 18px;margin:0 0 16px;border:1px solid var(--border,#dce5df);border-radius:16px;background:var(--card,#fff);box-shadow:0 10px 30px #143d2a0f}
.pw-editor-title-row{display:flex;align-items:center;gap:14px;min-width:0;width:100%}
.pw-editor-title-row .pw-back{flex:0 0 auto;min-height:34px!important;padding:6px 9px!important;border-radius:9px;font-size:12.5px;color:#52655b}
.pw-editor-identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;flex:1 1 auto}
.pw-editor-title-input{width:auto;min-width:220px;flex:1 1 320px;max-width:680px;min-height:38px!important;padding:5px 9px!important;border-color:transparent!important;background:transparent!important;font-size:20px!important;line-height:1.3;font-weight:800;letter-spacing:-.01em;border-radius:9px!important}
.pw-editor-title-input:hover{border-color:transparent!important;background:#f4f8f5!important}
.pw-editor-title-input:focus{border-color:#8bc7a5!important;background:#fff!important;box-shadow:0 0 0 3px #146c4314}
.pw-editor-title-row .pw-badge{padding:4px 10px;font-size:11.5px;letter-spacing:.01em}
.pw-status-tech{display:none}
.pw-editor-head .pw-live{margin:0;padding:5px 10px;border:1px solid #cbe6d7;border-radius:999px;background:#eff9f3;font-size:12px;font-weight:700;text-decoration:none}
.pw-editor-head .pw-live:hover{background:#e3f5eb;text-decoration:none}
.pw-editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;margin:0;padding-top:14px;border-top:1px solid var(--border,#dce5df);justify-content:flex-start}
.pw-action-spacer{flex:1 1 auto;min-width:10px}
.pw-editor-actions #pwSaveState{padding:5px 10px;border:1px solid #e1ebe5;border-radius:999px;background:#f3f8f5;color:#52705f;font-size:11.5px;font-weight:600;white-space:nowrap}
.pw-editor-actions button{min-height:38px!important;padding:8px 13px!important;border-radius:10px;font-size:13px;font-weight:600}
.pw-editor-actions button.primary{box-shadow:0 4px 12px #146c4333}
.pw-editor-actions button[data-action="duplicate-current"],.pw-editor-actions button[data-action="revisions"],.pw-editor-actions button[data-action="toggle-meta"],.pw-editor-actions button[data-action="shell"]{background:#f7faf8;color:#3f5c4d}
.pw-grid{gap:20px}
.pages-view:has(#pwCanvas) .pw-editor-card{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #143d2a0d}
.pages-view:has(#pwCanvas) .pw-editor-card>.pw-toolbar{padding:14px 18px}
.pages-view:has(#pwCanvas) .pw-document-actions{padding:0 18px 12px}
.pages-view:has(#pwCanvas) .pw-editor-card>.pw-toolbar h3{font-size:14px;letter-spacing:.01em}
.pw-settings{border-radius:16px;box-shadow:0 10px 30px #143d2a0d}
.pw-settings-head{padding:16px 18px}
.pw-settings-head h3{font-size:12px;letter-spacing:.09em;color:#52655b}
.pw-settings-group summary{padding:14px 18px}
.pw-settings-body{padding:0 18px 18px;gap:12px}
@media(min-width:768px){.pw-settings{position:static;max-height:none;overflow:visible}.pw-settings-head{position:static}}
@media(max-width:1279px){.pages-view:has(#pwCanvas) #pwBody{padding:0 18px 28px}.pages-view:has(#pwCanvas) #pwNotice{margin:14px 18px 0}}
@media(max-width:900px){.pages-view:has(#pwCanvas) #pwBody{padding:0 14px 24px}.pages-view:has(#pwCanvas) #pwNotice{margin:12px 14px 0}.pw-editor-head{padding:14px}.pw-editor-title-row{gap:10px}.pw-editor-title-input{font-size:18px!important}.pw-editor-actions{padding-top:12px}}
@media(max-width:767px){.pages-view:has(#pwCanvas) #pwBody{padding:0 10px 20px}.pages-view:has(#pwCanvas) #pwNotice{margin:10px 10px 0;padding:10px 12px}.pw-editor-head{top:8px;padding:12px;border-radius:14px;margin-bottom:12px}.pw-editor-title-row{gap:8px}.pw-editor-actions{gap:6px;padding-top:10px}.pw-editor-actions button{min-height:40px!important;padding:8px 11px!important}.pw-editor-title-input{min-width:0;font-size:17px!important}}

/* Responsive editor header: title + state on one line, a tidy 3-column action
   grid on phones, and no clipped primary controls. */
.pw-editor-title-input{flex:0 1 clamp(240px,38vw,620px);width:clamp(240px,38vw,620px)}
@media(max-width:767px){
 .pw-editor-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .pw-editor-title-row .pw-back{grid-column:1/-1;justify-self:start}
 .pw-editor-identity{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}
 .pw-editor-title-input{grid-column:1;width:100%;min-width:0;flex:1 1 100%}
 .pw-editor-title-row .pw-badge{grid-column:2}
 .pw-editor-head .pw-live{grid-column:1/-1;justify-self:start}
 .pw-editor-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}
 .pw-action-spacer{display:none}
 .pw-editor-actions button{width:100%;min-width:0;padding:8px 6px!important;font-size:12px}
}

/* Title gets the full row; status/live sit directly underneath instead of
   floating at the far end of an invisible input. */
.pw-editor-identity{display:grid;gap:7px;align-items:stretch;flex:1 1 auto;min-width:0}
.pw-editor-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.pw-editor-title-input{width:100%;max-width:760px;min-width:0;flex:none}
@media(max-width:767px){.pw-editor-identity{grid-template-columns:minmax(0,1fr)}.pw-editor-meta{grid-column:1}.pw-editor-title-input{width:100%;max-width:none}}