/* Final, screen-only sizing rules. Mobile tools retain their original locations. */
#pg243-sample-note[hidden]{display:none!important}
#pg243-sample-note{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;box-sizing:border-box;padding:9px 12px;margin:0 0 10px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-panel);color:var(--ui-muted);font:500 12px/1.5 Outfit,system-ui,sans-serif}
@media screen and (min-width:901px){
html[data-pg139] body.pg139-cv.pg243-cv .editor-page,html[data-pg139] body.pg139-cv.pg243-cv .editor-body{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}
html[data-pg139] body.pg139-cv.pg243-cv .editor-body{grid-template-columns:clamp(144px,12vw,190px) clamp(330px,29vw,450px) minmax(0,1fr)!important}
html[data-pg139] body.pg139-cv.pg243-cv :is(.pg-workflow-nav,.pg-workflow-work,#previewArea){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea{display:block!important;padding:0 14px 14px!important}
html[data-pg139] body.pg139-cv.pg243-cv .pg141-template-strip{display:none!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewContainer{margin:0 auto 24px!important;justify-self:center!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg141-preview-top{position:sticky!important;top:0!important;z-index:5!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0 0 14px!important;transform:none!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:10px!important;padding:10px!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg236-preview-meta{width:100%!important;min-width:0!important;flex-wrap:wrap!important;gap:6px!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg128-tabs{flex-shrink:0!important;max-width:100%!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea #designToolsPanel{align-self:center!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea #designToolsPanel .pg130-inline{width:100%!important;flex-wrap:wrap!important;height:auto!important;min-height:44px!important;max-height:none!important;gap:6px!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea #designToolsPanel :is(.pg128-type-row,.pg128-colors){flex:none!important;gap:5px!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea #designToolsPanel .pg128-family{width:112px!important;flex:0 0 112px!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea #fontSelector{width:112px!important;max-width:112px!important;min-width:0!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg25-readiness{flex:initial!important;grid-column:2!important;grid-row:2!important;align-self:center!important;justify-content:flex-end!important;padding-inline-start:8px!important;min-width:0!important;width:auto!important;gap:6px!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg25-readiness button{flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:42px!important;min-height:42px!important;padding:6px 43px 6px 30px!important;background-size:17px!important;background-position:8px center!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg25-readiness button:before{display:block!important;max-width:none!important;font-size:11px!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg25-readiness button:after{top:4px!important;inset-inline-end:4px!important;width:32px!important;height:32px!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg243-compact{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg243-compact #designToolsPanel{grid-column:1!important;grid-row:2!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg243-compact .pg25-readiness{grid-column:1!important;grid-row:3!important;justify-content:flex-start!important;border-inline-start:0!important;border-top:1px solid var(--ui-line)!important;padding:8px 0 0!important;width:100%!important;flex-wrap:wrap!important}
}
@media screen and (min-width:901px) and (max-width:1100px){
html[data-pg139] body.pg139-cv.pg243-cv .editor-body{grid-template-columns:72px minmax(300px,35vw) minmax(0,1fr)!important}
html[data-pg139] body.pg139-cv.pg243-cv .pg-workflow-nav{padding:10px 6px!important}
html[data-pg139] body.pg139-cv.pg243-cv .pg-workflow-nav .pg-workflow-steps button{justify-content:center!important;padding:10px!important;font-size:0!important;gap:0!important}
html[data-pg139] body.pg139-cv.pg243-cv .pg-workflow-nav .pg-workflow-steps button>span:last-child{display:none!important}
html[data-pg139] body.pg139-cv.pg243-cv .pg-workflow-nav :is(.pg-workflow-label,.pg141-extra-nav,.pg-workflow-links){display:none!important}
}
@media screen and (min-width:1600px){
html[data-pg139] body.pg139-cv.pg243-cv #previewArea{display:grid!important;grid-template-columns:minmax(0,1fr) 144px!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:12px!important;align-content:start!important;align-items:start!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewArea .pg141-preview-top{grid-column:1/-1!important;grid-row:1!important;margin:0!important}
html[data-pg139] body.pg139-cv.pg243-cv #pg243-sample-note{grid-row:2!important;grid-column:1/-1!important;margin:0!important}
html[data-pg139] body.pg139-cv.pg243-cv #previewContainer{grid-column:1!important;grid-row:3!important}
html[data-pg139] body.pg139-cv.pg243-cv .pg141-template-strip{display:flex!important;width:144px!important;grid-column:2!important;grid-row:3!important;top:170px!important;max-height:calc(100dvh - 180px)!important}
}
@media print{#pg243-sample-note{display:none!important}}

#pg243-sample-note button{border:0;border-radius:7px;background:var(--ui-panel3);color:var(--ui-text);font:600 12px Outfit,system-ui;padding:7px 11px;cursor:pointer}
