/* Mobile uses the existing tokens and components; desktop layout is unchanged. */
@media(max-width:1000px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body.client-redesign{--mobile-gutter:20px}
 .client-app-shell,.sidebar-collapsed .client-app-shell{grid-template-columns:0 minmax(0,1fr);width:100%;padding:0}
 .client-workspace{grid-column:2;min-width:0;width:100%}
 .client-sidebar{display:none}
 .sidebar-collapsed .client-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(280px,calc(100vw - 48px));height:100dvh;padding:20px 12px 16px;z-index:35;box-shadow:12px 0 40px #10141820}
 .sidebar-dismiss{display:grid;place-items:center;position:absolute;right:8px;top:17px;width:30px;height:30px;padding:5px!important;border:0}
 header.client-topbar{height:56px;min-height:56px;flex-wrap:nowrap;gap:8px;padding:0 var(--mobile-gutter)!important}
 .sidebar-toggle{flex:none}
 .breadcrumbs{min-width:0;gap:6px;overflow:hidden}
 .breadcrumbs>strong{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
 #breadcrumb-current{flex:none}
 body.client-redesign main#app{min-width:0;width:100%;padding:0 var(--mobile-gutter)}
 .new-project-page{min-width:0;width:100%;padding:40px 0 32px}
 .new-project-heading h1{font-size:24px;line-height:32px;overflow-wrap:break-word}
 .homepage-energy-motion{width:100%;max-width:100%;height:104px;margin:0 0 28px;transform:none}
 .new-project-page .composer{min-width:0;width:100%}
 .new-project-page .composer textarea{font-size:16px;line-height:24px;min-height:124px;padding:16px}
 .new-project-page .composer-prompt{font-size:16px;line-height:24px;align-items:flex-start}
 .composer-prompt label{line-height:inherit;overflow-wrap:break-word}
 .new-project-page .composer-bottom{gap:8px;padding:0 12px 12px 16px}
 .homepage-attachment-composer .composer-market{min-width:0;gap:8px}
 .client-redesign .market-trigger{width:150px;min-width:0;max-width:100%;padding:10px;gap:6px;white-space:nowrap}
 .homepage-attachment-composer .home-attach{width:28px;height:28px;min-height:28px}
 .new-project-page button.send{width:36px;height:36px;flex:0 0 36px}
 .project-examples{gap:8px}
 .project-examples button{white-space:nowrap;padding:8px 10px;font-size:13px;min-height:36px}
 .client-redesign :is(button.primary,button.quiet,button.text-action,.guided-option-list>button,.workspace-header button){white-space:nowrap}
 .client-redesign .actions,.guided-document-actions,.guided-upload-actions,.guided-demo-tools{flex-wrap:wrap}
 .client-redesign .text-action{flex-shrink:0;min-width:max-content}
 .client-redesign button .mui-icon{flex-shrink:0}
 .client-redesign main#app:has(.guided-workspace){padding:0}
 .guided-workspace{width:100%;min-width:0;display:block;height:auto;min-height:calc(100svh - 56px);overflow:visible}
 .guided-workspace:not(.guided-document-workspace)>.guided-stage{display:none}
 .client-redesign .conversation.guided-onboarding{width:100%;min-width:0;margin:0;padding:24px var(--mobile-gutter) 20px;min-height:calc(100svh - 56px);border-right:0}
 .guided-chat-scroll{min-width:0;padding:0 0 20px;overflow-x:hidden;overflow-wrap:break-word}
 .guided-onboarding .user-line{max-width:88%;margin-bottom:28px}
 .guided-question-card,.guided-form-stack,.guided-reply-box{min-width:0;width:100%}
 .guided-question-head{flex-wrap:wrap;gap:6px 12px}
 .guided-question-head strong{flex:1 1 180px}
 .guided-question-progress{flex-shrink:0;margin-left:auto}
 .guided-option-list>button{font-size:13px;min-height:44px;grid-template-columns:22px minmax(0,1fr) 16px;gap:6px;padding:7px}
 .guided-option-list>button>span:not(.guided-option-number){min-width:0}
 .guided-option-last{gap:8px;flex-wrap:wrap}
 .guided-reply--composer .guided-reply-box{min-height:124px}
 .client-redesign .guided-reply-box textarea{font-size:16px;line-height:24px}
 .guided-brief,.guided-reply,.guided-edit-choices,.guided-onboarding .brief-actions,.guided-answer-row,.guided-upload-zone,.guided-upload-files,.guided-upload-actions,.guided-chat-file{margin-left:0}
 .guided-onboarding .brief-actions{flex-wrap:wrap;gap:8px}
 .guided-brief .brief-row{grid-template-columns:90px minmax(0,1fr)}
 .guided-chat-file{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px}
 .client-redesign .guided-chat-file button.guided-chat-thumbnail{width:56px;height:74px}
 .guided-document-actions{gap:8px}
 .guided-document-actions button{min-height:40px}
 .guided-document-submit button.primary{min-height:48px}
 .guided-back{padding:4px 0 0}
 .guided-document-workspace .conversation.guided-onboarding{min-height:600px;height:75dvh}
 .guided-document-workspace .guided-project-stage{display:flex;min-height:320px;min-width:0}
 .guided-stage-content{width:100%;min-width:0;padding:24px var(--mobile-gutter);overflow-x:hidden}
 .guided-stage-content:has(>.guided-energy-scene){min-height:320px;border:0;box-shadow:none}
 .guided-glass-logo,.review-status-motion{border:0;background:transparent;box-shadow:none}
 .guided-stage-content>.client-submission,.guided-review-pane{width:100%;min-width:0;margin:0 auto}
 .guided-review-pane .client-submission{width:100%;margin:0}
 .submission-state{padding:0 0 28px}
 .review-file-motion{width:100%;max-width:336px}
 .submission-state .receipt{display:flex;justify-content:center;gap:0;font-size:12px;white-space:nowrap}
 .submission-state .receipt span{padding:0 10px}
 .submitted-materials summary{gap:8px}
 .guided-stage-content:has(>.design-workspace){padding:0;min-height:560px}
 .workspace-header{grid-template-columns:minmax(0,1fr);padding:16px var(--mobile-gutter);gap:12px}
 .workspace-heading{grid-row:3;grid-column:1}
 .workspace-view-toggle{grid-row:2;grid-column:1;justify-self:center;max-width:100%}
 .workspace-header-actions{grid-row:1;grid-column:1;justify-self:end}
 .workspace-canvas-shell{padding:16px var(--mobile-gutter);min-height:320px}
 .workspace-project-details{padding:20px var(--mobile-gutter);overflow-x:hidden}
 .workspace-project-details .frame summary{flex-direction:column;align-items:flex-start;gap:8px;font-size:13px;line-height:20px}
 .workspace-project-details .frame summary>.tag{margin-left:0;white-space:nowrap}
 .workspace-file-strip{padding:0 var(--mobile-gutter) 20px}
 .workspace-diagram{min-width:260px}
 .workspace-text-preview{padding:16px}
 .workspace-export-menu{width:240px;max-width:calc(100vw - 40px)}
 .client-redesign .document-toolbar{flex-wrap:wrap;gap:6px;padding:8px}
 .client-redesign .document-toolbar button{white-space:nowrap}
 .auth-form input,.client-redesign .auth-form input{font-size:16px}
 .panel-sheet{max-width:100%;padding:20px}
}
@media(max-width:360px){
 .new-project-heading h1{font-size:22px;line-height:30px}
 .guided-question-head strong{flex-basis:100%}
 .guided-option-list>button{font-size:12px;gap:5px}
 .submission-state .receipt span{padding:0 7px}
}