/* Shared workspace theme. Real project images remain intact; the landscape is decorative. */
#sr-full.flow-active{color:#252525;background-color:#dcdcdc;background-image:linear-gradient(transparent 60%,#dcdcdc),url('/assets/project-flow/landscape.webp');background-position:center top;background-size:100% 66.667vw,100% auto;background-repeat:no-repeat;min-height:100svh}
#sr-full.flow-active .site-header{background:#e2e2e2e8;border-color:#29292926;backdrop-filter:blur(12px)}
#sr-full.flow-active .site-navigation a{color:#252525}
#sr-full.flow-active>footer{color:#353535;background:#dcdcdc;border-top:1px solid #25252530}
#sr-full.flow-active>footer p,#sr-full.flow-active .footer-bottom{color:#525252}
#sr-full.flow-active .studio-page{max-width:1600px;padding:24px 4vw 64px;background:transparent;color:#252525}
#sr-full.flow-active :is(button,a,input,textarea,summary,select):focus-visible{outline:2px solid #2a2a2a;outline-offset:4px}
#sr-full.flow-active :is(h1,h2,h3){text-transform:none;letter-spacing:0;color:#252525}
#sr-full.flow-active .my-cards summary,#sr-full.flow-active .my-card-link{color:#343434}
#sr-full.flow-active :is(.brief-extra,.brief-name,.concept-references,.card-versions)>summary{color:#474747}
#sr-full.flow-active .project-progress li span{color:#595959}
#sr-full.flow-active .project-notice:not(:empty){background:#e5e5e5f5;border-color:#777;color:#333}
#sr-full.flow-active .project-upload>span:not(.upload-mark),#sr-full.flow-active .project-upload small{color:#505050}
#sr-full.flow-active .upload-mark{color:#444;border-color:#888}
#sr-full.flow-active .project-upload:hover,#sr-full.flow-active .project-upload:focus-within{background:#efefef;border-color:#555}
#sr-full.flow-active .project-workspace .field :is(input,textarea,select):focus{border-color:#555;outline-color:#555}
#sr-full.flow-active .project-form-footer:has([data-start-assistant]:not([hidden])) [data-step-next]{color:#333;background:none;text-decoration:underline;text-underline-offset:5px}
#sr-full.flow-active .my-cards p{color:#474747}
#sr-full.flow-active .asset-option.is-cover{border-color:#333}
#sr-full.flow-active .asset-option img{background:#e5e5e5}
#sr-full.flow-active .asset-option label{min-height:44px}
#sr-full.flow-active .version-button[aria-pressed=true]{color:#222;font-weight:600}
#sr-full.flow-active .model-skeleton{border-color:#aaa;background-image:linear-gradient(115deg,#ddd,#eee,#ddd)}
#sr-full.flow-active :is(.model-results-heading,.model-continue,.card-image-choice,.concept-note,.assistant-brief,.chat-earlier,.brief-extra){border-color:#8f8f8f}
#sr-full.flow-active .sketch-version img{background:#e5e5e5}
#sr-full.flow-active .assistant-no-image{color:#484848;background:radial-gradient(ellipse at center,#d9d9d9,#c1c1c1)}
#sr-full.flow-active :is(.project-eyebrow,.model-lead,.model-back,.model-status,.model-count,.model-source-summary,.model-source,.model-note,.model-note p,.model-note summary,.model-continue p,.model-own-idea,.project-intro,.stage-intro,.field-hint,.media-note,.form-note,.project-notice,.status,.concept-text,.concept-note,.concept-version,.concept-image figcaption,.concept-list,.concept-card h3,.concept-specs dt,.concept-specs dd,.card-sharing p,.card-versions summary,.version-button,.project-outcome p,.project-outcome small,.media-heading>span,.field-optional,.field-required,.project-workspace .field){color:#474747}
#sr-full.flow-active :is(.clean-button,.project-primary){min-height:48px;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;background:#272727;color:#fff;border:1px solid #272727;font-size:16px;line-height:1.4;gap:12px;border-radius:0}
#sr-full.flow-active :is(.clean-button,.project-primary):hover{background:#434343;color:#fff}
#sr-full.flow-active .project-text-button{color:#363636;font-size:14px;min-height:44px}
#sr-full.flow-active :is(input,textarea,select){color:#252525;accent-color:#363636}
#sr-full.flow-active :is(.field input,.field textarea,.field select,.assistant-compose textarea){background:#efefefb3;color:#272727;border:1px solid #868686;border-radius:0;font-size:16px}
#sr-full.flow-active :is(input,textarea)::placeholder{color:#646464}
#sr-full.flow-active :is(.project-detail-panel,.project-upload,.asset-option,.concept-card,.project-outcome){background:#e8e8e8d9;border-color:#898989}
#sr-full.flow-active .option{color:#2b2b2b;border-color:#8d8d8d;background:#efefef80}
#sr-full.flow-active .option:has(input:checked){background:#333333;color:#fff;border-color:#333333}
#sr-full.flow-active :is(.project-progress,.project-form-footer,.concept-specs,.concept-specs>div,.card-sharing,.card-versions){border-color:#8f8f8f}
#sr-full.flow-active .project-progress li{color:#595959}
#sr-full.flow-active .project-progress li[aria-current]{color:#222222;font-weight:600}
#sr-full.flow-active .project-progress li[aria-current]::after{background:#363636}
#sr-full.flow-active .project-stage,#sr-full.flow-active .concept-card{background:#e4e4e4e8;padding:28px}
#sr-full.flow-active .project-masthead{padding:12px 0 24px}
#sr-full.flow-active .assistant-active .project-masthead{justify-content:flex-end;padding:0 0 12px;min-height:44px}
#sr-full.flow-active .assistant-active .project-masthead>div:first-child{display:none}
#sr-full.flow-active .card-toolbar{min-width:0;padding:0;flex-direction:row;align-items:center;max-width:none;gap:24px}
#sr-full.flow-active .my-cards{width:auto;max-width:320px}
#sr-full.flow-active .my-cards[open]{background:#e8e8e8;padding:10px;position:relative;z-index:3}
#sr-full.flow-active .concept-lead{color:#272727}
#sr-full.flow-active .concept-image img{background:#ededed}
#sr-full.flow-active :is(.flow-steps,.assistant-steps){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:0;margin:0 0 24px;gap:0}
#sr-full.flow-active .flow-steps>:is(a,button,span){position:relative;display:flex;justify-content:center;align-items:center;min-height:64px;padding:25px 4px 8px;font-size:15px;line-height:1.3;color:#565656;border:0;background:none;text-align:center;text-decoration:none}
#sr-full.flow-active .flow-steps>:is(a,button,span)::before{content:'';position:absolute;top:8px;left:calc(50% - 5px);width:10px;height:10px;border:1px solid #5b5b5b;border-radius:50%;background:#dcdcdc;z-index:1}
#sr-full.flow-active .flow-steps>:is(a,button,span):not(:last-child)::after{content:'';position:absolute;top:13px;left:50%;width:100%;height:1px;background:#8b8b8b}
#sr-full.flow-active .flow-steps>[aria-current=step]{color:#212121;font-weight:600}
#sr-full.flow-active .flow-steps>[aria-current=step]::before{background:#262626}
#sr-full.flow-active .flow-steps button>span{display:none}
#sr-full.flow-active [data-assistant]{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:4vw;align-items:start}
#sr-full.flow-active .assistant-steps{grid-column:2;grid-row:1;margin:0}
#sr-full.flow-active .assistant-step-heading{grid-column:2;grid-row:2;display:block;margin:20px 0 24px}
#sr-full.flow-active .assistant-step-heading h2{font-size:clamp(32px,3.7vw,56px);margin:0 0 12px}
#sr-full.flow-active .assistant-step-heading :is(.project-eyebrow,a){display:none}
#sr-full.flow-active .assistant-step-heading p:not(.project-eyebrow){color:#525252;font-size:16px}
#sr-full.flow-active .assistant-layout{display:contents}
#sr-full.flow-active .assistant-visual{grid-column:1;grid-row:1/5;position:sticky;top:90px;min-width:0;background:none;border:0;padding:32px 0 0}
#sr-full.flow-active .assistant-picture{background:transparent;min-height:240px}
#sr-full.flow-active .assistant-picture img{max-height:62svh;width:100%;object-fit:contain}
#sr-full.flow-active .assistant-visual-label{color:#343434;font-size:13px;padding:10px 0}
#sr-full.flow-active .assistant-visual-label span:last-child{color:#4c4c4c}
#sr-full.flow-active .assistant-image-note,#sr-full.flow-active .assistant-visual>.project-text-button{color:#333;background:#e4e4e4ed;padding:10px 12px;margin:0;display:block;max-width:none}
#sr-full.flow-active .assistant-versions{background:#e4e4e4ed;padding:0 12px;border:0;margin:12px 0}
#sr-full.flow-active .assistant-versions summary,#sr-full.flow-active .assistant-versions summary span{color:#434343;font-size:14px}
#sr-full.flow-active .sketch-version{background:#efefef;color:#333333;border-color:#9a9a9a}
#sr-full.flow-active .sketch-version[aria-pressed=true]{border:2px solid #313131;background:#d6d6d6}
#sr-full.flow-active :is(.assistant-dialogue,.assistant-side){grid-column:2;grid-row:3;min-width:0;padding:0;background:none;border:0}
#sr-full.flow-active .assistant-dialogue>.project-eyebrow,#sr-full.flow-active .assistant-side>.project-eyebrow{display:none}
#sr-full.flow-active .chat-status{grid-column:2;grid-row:4;color:#3b3b3b;font-size:14px}
#sr-full.flow-active .chat-messages{max-height:340px;padding-right:8px}
#sr-full.flow-active .chat-message,#sr-full.flow-active .chat-user{background:none;border:0;border-bottom:1px solid #888888;padding:18px 0;margin:0}
#sr-full.flow-active .chat-speaker{font-size:16px;letter-spacing:0;text-transform:none;font-weight:600;color:#252525}
#sr-full.flow-active .chat-message p{color:#262626;font-size:16px;line-height:1.65}
#sr-full.flow-active .chat-earlier summary{color:#4c4c4c}
#sr-full.flow-active .assistant-compose{border:0;padding-top:0}
#sr-full.flow-active .assistant-compose label{font-size:16px;color:#303030}
#sr-full.flow-active .assistant-compose textarea{min-height:110px}
#sr-full.flow-active .assistant-compose button{width:auto;min-width:150px}
#sr-full.flow-active .assistant-next{border-color:#888888;padding-top:20px}
#sr-full.flow-active .assistant-next button{font-size:15px}
#sr-full.flow-active .assistant-next .clean-button{background:#272727;border-color:#272727;color:#fff}
#sr-full.flow-active .assistant-side :is(p,li,h4),#sr-full.flow-active .assistant-brief summary{color:#414141;font-size:16px}
#sr-full.flow-active .assistant-side h3{font-size:32px;color:#262626}
#sr-full.flow-active .assistant-side .concept-specs{font-size:16px}
#sr-full.flow-active .assistant-side h4{font-weight:600;margin-top:20px}
#sr-full.flow-active .assistant-side .sketch-state{background:#d2d2d2;border-color:#4b4b4b;color:#303030}
#sr-full.flow-active .assistant-side .assistant-footnote,#sr-full.flow-active .assistant-side .card-image-choice{font-size:14px;color:#535353}
#sr-full.flow-active .assistant-step-actions{align-items:flex-start}
#sr-full.flow-active .assistant-step-actions .project-primary{width:100%}
#sr-full.flow-active .assistant-step-actions .project-text-button{font-size:15px}
#sr-full.flow-active [data-assistant][data-has-image=false]{grid-template-columns:minmax(0,1fr);max-width:760px;margin:auto;background:#e5e5e5ed;padding:24px}
#sr-full.flow-active [data-assistant][data-has-image=false]>:is(.assistant-steps,.assistant-step-heading,.chat-status),#sr-full.flow-active [data-has-image=false] [data-assistant-pane]{grid-column:1}
#sr-full.flow-active .flow-base-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:4vw;align-items:start}
#sr-full.flow-active .flow-base-preview{position:sticky;top:90px;min-width:0;padding-top:24px}
#sr-full.flow-active .flow-base-preview img{display:block;width:100%;max-height:58svh;object-fit:contain;background:transparent}
#sr-full.flow-active .flow-base-preview h2{font:600 24px/1.3 var(--display-font);background:#262626d9;color:white;margin:0;padding:14px}
#sr-full.flow-active .flow-base-preview button{width:100%;margin-top:12px}
#sr-full.flow-active .flow-preview-empty{min-height:420px;display:flex;align-items:center;justify-content:center;font:600 36px/1.3 var(--display-font);text-align:center;color:#fff;text-shadow:0 2px 10px #000}
#sr-full.flow-active .model-search>.flow-steps{width:52%;margin-left:auto}
#sr-full.flow-active .flow-search-content{min-width:0}
#sr-full.flow-active .model-back{display:none}
#sr-full.flow-active .model-search-heading{display:block;padding:0 0 18px}
#sr-full.flow-active .model-search h1{font-size:clamp(32px,3.7vw,56px);margin:10px 0 16px}
#sr-full.flow-active .model-search-heading .project-eyebrow{display:none}
#sr-full.flow-active .model-search-heading .model-own-idea{display:inline-flex;color:#313131;border-color:#7b7b7b}
#sr-full.flow-active .model-search-form{background:#efefef8c;border-color:#858585;padding:5px}
#sr-full.flow-active .model-search-form input{color:#212121;padding:10px;max-width:100%}
#sr-full.flow-active .model-search-form input::placeholder{color:#636363}
#sr-full.flow-active .model-examples{color:#535353}
#sr-full.flow-active .model-examples button{border-radius:0;min-height:44px;color:#434343;border-color:#939393}
#sr-full.flow-active .model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#sr-full.flow-active .model-card{background:#e6e6e6;border-color:#a4a4a4;transform:none}
#sr-full.flow-active .model-card.is-selected{outline:2px solid #373737;outline-offset:1px}
#sr-full.flow-active .model-cover{width:100%;padding:0}
#sr-full.flow-active .model-cover,#sr-full.flow-active .model-cover img{background:#e6e6e6}
#sr-full.flow-active .model-actions{flex-direction:column;padding:8px;gap:4px}
#sr-full.flow-active .model-actions .project-primary{font-size:13px;width:100%;padding:8px}
#sr-full.flow-active .model-source-link{color:#373737;white-space:normal;text-align:center;font-size:13px}
#sr-full.flow-active .model-empty{background:none;border:0;padding:24px 0;text-align:left}
#sr-full.flow-active .model-empty p{color:#505050}
#sr-full.flow-active .model-empty .model-source{display:none}
#sr-full.flow-active .model-empty p:last-child{margin:0}
#sr-full.flow-active .model-continue{display:block}
#sr-full.flow-active .model-continue a{margin-top:16px;white-space:normal}
#sr-full.flow-active .flow-engrave{margin-top:16px;color:#484848}
#sr-full.flow-active .flow-engrave a{text-decoration:underline;display:inline-block;min-height:44px;padding:10px 0}
body:has(#sr-full.flow-active) .assistant-mobile-dock{background:#e5e5e5f5;color:#262626;border-color:#8b8b8b}
body:has(#sr-full.flow-active) .assistant-mobile-dock p{color:#4d4d4d}
body:has(#sr-full.flow-active) .assistant-mobile-dock button{background:#272727;color:#fff;border-color:#272727}
body:has(#sr-full.flow-active) .assistant-mobile-dock button:focus-visible{outline-color:#272727}
@media(max-width:800px){
 #sr-full.flow-active{background-size:auto 680px;background-position:center top}
 #sr-full.flow-active .studio-page{padding:20px 20px 40px;background:linear-gradient(#e5e5e5d9,#e5e5e5f5 600px)}
 #sr-full.flow-active .flow-base-layout,#sr-full.flow-active [data-assistant]{display:flex;flex-direction:column;gap:0}
 #sr-full.flow-active .model-search>.flow-steps{width:100%}
 #sr-full.flow-active .flow-steps>:is(a,button,span){font-size:12px;min-height:60px}
 #sr-full.flow-active .assistant-steps{order:0;width:100%}
 #sr-full.flow-active .assistant-step-heading{order:1;margin:16px 0;width:100%}
 #sr-full.flow-active .assistant-step-heading h2{font-size:32px}
 #sr-full.flow-active .assistant-visual{order:2;position:static;padding:0;width:100%;margin:0 0 24px}
 #sr-full.flow-active .assistant-picture{min-height:0}
 #sr-full.flow-active .assistant-picture img{max-height:230px}
 #sr-full.flow-active [data-view=sketch] .assistant-picture img{max-height:360px}
 #sr-full.flow-active .assistant-image-note,#sr-full.flow-active .assistant-visual>.project-text-button{color:#484848;background:none;text-shadow:none;padding:8px 0}
 #sr-full.flow-active .assistant-image-note{font-size:13px}
 #sr-full.flow-active :is(.assistant-dialogue,.assistant-side){order:3;width:100%}
 #sr-full.flow-active .chat-status{order:4}
 #sr-full.flow-active .chat-messages{max-height:none;overflow:visible;padding:0}
 #sr-full.flow-active .assistant-compose button{width:100%}
 #sr-full.flow-active .assistant-next{flex-wrap:wrap}
 #sr-full.flow-active .assistant-next .clean-button{flex:1}
 #sr-full.flow-active .flow-base-preview{position:static;padding:0;width:100%;margin-bottom:24px}
 #sr-full.flow-active .flow-base-preview:has([data-base-image][hidden]){display:none}
 #sr-full.flow-active .flow-base-preview img{max-height:210px}
 #sr-full.flow-active .flow-base-preview h2{font-size:20px;padding:10px}
 #sr-full.flow-active .flow-search-content{width:100%}
 #sr-full.flow-active .model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #sr-full.flow-active .project-stage,#sr-full.flow-active .concept-card{padding:0;background:none;border:0}
 #sr-full.flow-active .project-masthead{flex-wrap:wrap}
 #sr-full.flow-active .concept-content{grid-template-columns:1fr}
 #sr-full.flow-active .project-form-footer{flex-wrap:wrap}
 #sr-full.flow-active .project-form-footer .project-primary{width:100%}
 #sr-full.flow-active [data-assistant][data-has-image=false]{padding:0;background:none}
}
@media(prefers-reduced-motion:reduce){#sr-full.flow-active *{scroll-behavior:auto}}
