/* Phase one: presentation only. Existing proof, revision and checkout gates remain authoritative. */
#batch-proof-grid.studio-proof-grid{grid-template-columns:minmax(0,1fr)}
#batch-proof-grid.studio-proof-grid .studio-proof-card[hidden]{display:none}
#batch-proof-grid.studio-proof-grid .studio-proof-card img{max-height:65vh;width:100%;object-fit:contain}
#studio-proof-detail{padding:10px;background:#182125;color:white;border:1px solid #839198;border-radius:6px;max-width:100%}
body.ai-journey-active .demo-header{padding-block:14px}
body.ai-journey-active .journey-summary__heading,
body.ai-journey-active .journey-summary ol,
body.ai-journey-active .ai-feature-intro,
body.ai-journey-active .ai-live-proof__head>div>span,
body.ai-journey-active .ai-concierge__heading>div>span{display:none}
body.ai-journey-active .journey-summary{display:flex;justify-content:flex-end;margin:8px 0;padding:4px 0;border:0;background:none;box-shadow:none}
body.ai-journey-active .journey-summary__actions{display:flex;gap:18px}
body.ai-journey-active .journey-summary__actions button{font:500 14px Archivo,Arial,sans-serif;text-transform:none;padding:10px}
body.ai-journey-active #ai-preview>header{padding:18px 24px;background:#151d20}
body.ai-journey-active #ai-preview>header strong{font:500 clamp(24px,3vw,36px) 'Cormorant Garamond',Georgia,serif}
body.ai-journey-active #ai-preview>header span{font:500 12px Archivo,Arial,sans-serif;letter-spacing:.08em}
body.ai-journey-active #ai-preview .ai-studio-workspace{grid-template-columns:minmax(0,1.25fr) minmax(340px,.85fr);align-items:start}
body.ai-journey-active #ai-preview .ai-live-proof{min-width:0;align-self:start;height:auto;max-height:none}
body.ai-journey-active #ai-preview .ai-concept-stage{min-height:0;height:auto;aspect-ratio:auto;padding:0;background:#101619}
/* Loading is real content, not an absolute overlay in a zero-height stage. */
body.ai-journey-active #ai-preview .ai-concept-stage.is-generating{min-height:320px;padding:24px 12px}
body.ai-journey-active #ai-preview .ai-concept-progress:not([hidden]){position:relative;inset:auto;transform:none;box-sizing:border-box;width:min(100%,520px);max-width:100%;margin:20px auto;grid-column:1/-1;overflow-wrap:anywhere}
body.ai-journey-active #ai-preview #ai-concept-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
body.ai-journey-active #ai-preview .ai-concept-status{position:static;margin:12px;padding:10px;font:400 13px Archivo,Arial,sans-serif}
body.ai-journey-active #ai-preview .ai-design-assistant{padding:16px;min-width:0}
body.ai-journey-active #ai-preview .ai-concierge{padding:16px;border-color:#394347;background:#151d20}
body.ai-journey-active #ai-preview .ai-concierge__heading strong{font-size:22px}
body.ai-journey-active #ai-preview .ai-concierge__messages{max-height:340px;min-height:120px}
body.ai-journey-active #ai-preview .ai-concierge__message p{font-size:16px;line-height:1.55}
body.ai-journey-active #ai-preview .ai-concierge__replies button,
body.ai-journey-active #ai-preview .ai-visual-tabs button{font:600 13px Archivo,Arial,sans-serif;text-transform:none;min-height:44px}
body.ai-journey-active[data-studio-step="design"]{padding-bottom:100px}
body.ai-journey-active[data-studio-step="design"] .journey-next{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;flex-direction:row;align-items:center;padding:14px max(20px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom));background:#172024;border-top:1px solid #647078;box-shadow:0 -8px 25px #0003}
.journey-next>div{flex:1}
.journey-next .demo-button{font:600 14px Archivo,Arial,sans-serif;text-transform:none}
.demo-progress li{color:#abb7be}
button:focus-visible,a:focus-visible{outline:2px solid #f1cf86;outline-offset:3px}
@media(max-width:900px){.demo-progress{grid-template-columns:repeat(5,minmax(0,1fr))}.demo-progress li{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:12px!important;line-height:1.3;letter-spacing:0;text-transform:none;padding:8px 3px;display:flex;flex-direction:column;gap:5px}.demo-progress li b{margin-right:0}}
@media(max-width:760px){
 body.ai-journey-active #ai-preview .ai-studio-workspace{display:block}
 body.ai-journey-active #ai-preview>header{padding:14px}
 body.ai-journey-active #ai-preview .ai-design-assistant{padding:10px}
 body.ai-journey-active[data-studio-step="design"] .journey-next{gap:10px;padding-inline:12px}
 body.ai-journey-active .journey-next>div{display:none}
 body.ai-journey-active .journey-next .demo-button{width:auto;flex:1;font-size:13px}
 body.ai-journey-active .journey-summary__actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
#surface-review{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px;background:#182125;border-block:1px solid #47545b}
#surface-review[hidden]{display:none}
#surface-review label{font-size:14px;color:#dce2e5}
#surface-review select{min-width:0;max-width:100%;flex:1;padding:12px;background:#101619;color:#fff;border:1px solid #839198;font-size:16px;border-radius:6px}
#surface-review p{flex-basis:100%;margin:0;font-size:14px;color:#dce2e5}
#surface-review button{padding:12px;border:1px solid #9c874f;background:#202a2e;color:#f2d38e;font-size:14px;border-radius:6px;min-height:44px;cursor:pointer}
#surface-review-confirm{background:#d2af68!important;color:#101619!important}
#surface-review button:disabled{opacity:.65;cursor:default}
#surface-review .batch-scope-buttons{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}
#surface-review .batch-scope-buttons button{flex:1 1 125px;background:#fffdf7;color:#234235;border-color:#b5c3b4;font-weight:600}
#surface-review .batch-scope-buttons button[aria-pressed="true"]{background:#234235;color:#fffdf7;border-color:#234235;box-shadow:inset 0 0 0 1px #c5aa70}
#surface-review .batch-scope-buttons button:focus-visible{outline:3px solid #b58c48;outline-offset:3px}
body.ai-journey-active #ai-preview #ai-concept-image{max-height:72vh;object-fit:contain}
@media(max-width:760px){body.ai-journey-active #ai-preview #ai-concept-image{max-height:60vh}#surface-review label{flex-basis:100%}#surface-review{padding:12px}}