/* Customer pages use the full responsive viewport. Review tools are opt-in. */
body:not(.review-mode) #previewToolbar,body:not(.review-mode) #reviewToggle,body:not(.review-mode) #reviewPanel{display:none!important}
body:not(.review-mode){--review-toolbar-height:0px}
body:not(.review-mode)>.workspace>.stage{padding:0;background:var(--paper)}
body:not(.review-mode) #canvas{border:0;border-radius:0;box-shadow:none;min-height:100dvh;width:100%;max-width:none;margin:0}
body:not(.review-mode) .note,body:not(.review-mode) .blank-note{display:none!important}
/* The inline editor and focused route share one implementation. */
.theme-customize-v57{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:20px!important}
.theme-customize-v57 .theme-studio-frame-v57{grid-column:1/-1;height:820px;border:1px solid var(--line);border-radius:12px}
.theme-studio-frame-v57{display:block;width:100%;border:0;background:#f3f5ef;min-width:0}
.theme-studio-page-v57{max-width:1440px;width:100%;margin:auto;padding:12px 24px 0}
.theme-studio-heading-v57{display:flex;align-items:center;gap:24px;min-height:48px;margin:0 0 10px}
.theme-studio-heading-v57 h1{font-size:22px;line-height:1.35;margin:0;min-width:0;overflow-wrap:anywhere}
.theme-studio-heading-v57 .btn{flex:none}
.theme-studio-page-v57>.theme-studio-frame-v57{border-radius:12px;border:1px solid var(--line)}
body.theme-editor-active .mobile-quick-nav,body.theme-editor-active .storefront-footer{display:none}
body.theme-editor-active #siteRoot{height:100dvh;display:flex;flex-direction:column}
body.theme-editor-active .site-header,body.theme-editor-active .theme-studio-heading-v57{flex-shrink:0}
body.theme-editor-active .theme-studio-page-v57{flex:1;min-height:0;display:flex;flex-direction:column}
body.theme-editor-active .theme-studio-frame-v57{flex:1;height:auto;min-height:0}
.commerce-selection-v57{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;max-width:1000px;margin:28px 0}
.commerce-actions-v57{display:flex;gap:16px;flex-wrap:wrap}
@container site (max-width:640px){
 .themes-page>.utility-container{width:100%;max-width:none}
 .themes-page>.utility-container>.sheet-heading,.themes-page>.utility-container>.theme-download-section-v54,.themes-page>.utility-container>.utility-help{margin-inline:16px}
 .theme-customize-v57{grid-template-columns:minmax(0,1fr);padding:18px 0!important;border-inline:0;border-radius:0}
 .theme-customize-v57>div,.theme-customize-v57>.btn{margin-inline:16px;min-width:0;overflow-wrap:anywhere}
 .theme-customize-v57>.btn{justify-self:start;max-width:calc(100% - 32px)}
 .theme-customize-v57 .theme-studio-frame-v57{height:860px;border:0;border-radius:0}
 .theme-studio-page-v57{padding:8px 0 0}
 .theme-studio-heading-v57{display:grid;gap:4px;padding:0 12px;min-height:44px;margin-bottom:8px}
 .theme-studio-heading-v57 h1{font-size:18px}
 .theme-studio-heading-v57 .btn{justify-self:start;min-height:28px;padding:0;border:0;background:transparent;font-size:13px}
 .theme-studio-page-v57>.theme-studio-frame-v57{border:0;border-radius:0}
}

/* The focused editor owns the viewport without nested page scrolling. */
body.theme-focus-v60{overflow:hidden}
body.theme-focus-v60 .theme-studio-frame-v57{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;z-index:1000!important;border:0!important;border-radius:0!important}