/* home-layout-62.51.2: scoped to the two home surfaces, never studio canvases. */
.app[data-view="home"]{width:100%;max-width:100%;height:100dvh;min-height:0;box-sizing:border-box}
.app[data-view="home"].showcase-mode{overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain}
.app[data-view="home"].showcase-mode>.showcase-landing{height:auto;min-height:100%;min-width:0;width:100%;box-sizing:border-box}
.app[data-view="home"] .showcase-stage{height:auto;min-height:0;box-sizing:border-box}
.app[data-view="home"] .showcase-art{min-height:clamp(220px,45dvh,600px)!important}
.app[data-view="home"] .showcase-copy h1{white-space:normal;text-wrap:balance;overflow-wrap:anywhere}
.app[data-view="home"] :is(.showcase-actions,.showcase-gallery-heading){flex-wrap:wrap}
.app[data-view="home"].workspace-mode{overflow:hidden}
.app[data-view="home"].workspace-mode>.main.creative-home{height:100%;min-height:0;min-width:0;max-width:100%;overflow-y:auto!important;overflow-x:hidden;box-sizing:border-box}
.app[data-view="home"].workspace-mode>.sidebar{width:clamp(180px,17vw,230px);min-width:0;flex:0 0 clamp(180px,17vw,230px);height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
.app[data-view="home"]>.sidebar>:is(.brand,.nav,.sidebar-bottom){flex-shrink:0}
.app[data-view="home"] .creative-dashboard{width:100%;min-width:0;box-sizing:border-box;padding:20px clamp(16px,2vw,28px) 64px}
.app[data-view="home"] .creative-dashboard>*{min-width:0;max-width:100%;box-sizing:border-box}
.app[data-view="home"] :is(.workspace-module-grid,.creative-motion-grid,.showcase-gallery-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.app[data-view="home"] :is(.workspace-module,.creative-hero-copy,.creative-motion-grid>a){min-width:0;box-sizing:border-box}
.app[data-view="home"] .creative-hero{min-height:0}
.app[data-view="home"] .creative-hero-art{min-height:clamp(220px,45dvh,440px)}
.app[data-view="home"] .creative-home-header{height:auto;min-height:72px;box-sizing:border-box;gap:12px;flex-wrap:wrap;padding:14px 20px}
.app[data-view="home"] .creative-hero-copy .composer-area{max-width:100%;box-sizing:border-box}
@media(max-width:760px){
 .app[data-view="home"].workspace-mode>.sidebar{width:150px;flex-basis:150px;padding:18px 10px}
 .app[data-view="home"]>.sidebar .nav-item{white-space:normal;height:auto;min-height:44px;font-size:13px}
 .app[data-view="home"] .creative-hero-copy{padding:22px 16px}
 .app[data-view="home"] .creative-hero-copy h1{font-size:clamp(26px,5vw,38px);overflow-wrap:anywhere}
}
@media(max-width:540px){
 .app[data-view="home"].workspace-mode{display:block;overflow-y:auto!important;overflow-x:hidden}
 .app[data-view="home"].workspace-mode>.sidebar{width:100%;height:auto;max-height:36dvh;min-height:0;padding:12px 16px;overflow-y:auto}
 .app[data-view="home"]>.sidebar .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-top:10px}
 .app[data-view="home"].workspace-mode>.main.creative-home{height:auto;min-height:64dvh;overflow:visible!important}
 .app[data-view="home"] .showcase-stage{padding:32px 16px!important}
 .app[data-view="home"] .showcase-copy h1{font-size:clamp(26px,7vw,36px)!important}
}