@media(max-width:1050px){.app{width:min(100% - 40px,900px)}.hero{align-items:flex-start;flex-direction:column;padding-top:44px}.step-guide{align-self:stretch;justify-content:flex-start}.studio-grid{grid-template-columns:1fr}.editor{min-height:620px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{position:static;max-height:340px}.content{min-height:auto}}
@media(max-width:680px){.app{width:calc(100% - 28px);padding-top:16px}.topbar{height:50px}.status-pill{font-size:0;padding:9px}.profile-name{display:none}.profile-trigger{padding:6px}.hero{padding:37px 2px 30px;gap:30px}.hero h1{font-size:39px;letter-spacing:-2px}.hero p{font-size:14px}.step-guide{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%}.step-guide i{display:none}.step{gap:7px}.step b{width:28px;height:28px}.step span{font-size:9px}.control-panel{padding:21px}.form-grid{grid-template-columns:1fr}.editor-header{align-items:flex-start;padding:19px}.output-status{font-size:0;padding:8px}.editor{min-height:580px}.editor-body{min-height:420px}#output{padding:22px 20px}.editor-footer{align-items:flex-start;gap:10px;padding:12px 14px;flex-direction:column}#wordCount{padding-left:5px}.action-buttons{width:100%}.action{flex:1;padding:10px 7px}footer{grid-template-columns:1fr 1fr}footer span:nth-child(2){display:none}.home-container{padding:24px 0 50px}.hero-title{font-size:28px}.hero-description{font-size:14px}.hero-actions .btn{width:100%}.project-grid{grid-template-columns:1fr}.content-header{padding:18px}.actions{width:100%}.actions .action-btn{flex:1}.detailsGrid{grid-template-columns:1fr 1fr;padding:14px 18px}.promptCard{margin:0 18px 18px}.promptHeader{flex-direction:column;align-items:stretch}.promptHeader-actions{width:100%}.promptHeader-actions .action-btn{flex:1}}
@media(max-width:390px){.hero h1{font-size:34px}.step small{display:none}.preview{min-height:210px}.action span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}