@media(max-width:1080px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.generator-layout{grid-template-columns:1fr}.generator-panel{position:static}.hero{grid-template-columns:1fr}.hero-visual{display:none}}
@media(max-width:780px){:root{--topbar:72px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:.2s transform;width:min(82vw,300px);box-shadow:0 0 0 100vmax rgba(0,0,0,0);z-index:60}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax rgba(0,0,0,.45)}.mobile-menu{display:grid}.topbar{padding:11px 14px}.topbar h1{font-size:18px}.topbar p{display:none}.topbar-actions .primary-button{display:none}.page-root{padding:16px}.grid.two,.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero{padding:20px}.hero h2{font-size:26px}.section-head{align-items:flex-start;flex-direction:column}.toolbar{align-items:stretch}.search-box{min-width:0;max-width:none}.modal-host{padding:8px}.modal-card{max-height:96vh;border-radius:16px}.template-health{grid-template-columns:repeat(2,1fr)}.generator-layout{gap:12px}.output-shell{min-height:520px}}