/* Review screens reuse the authenticated workspace; no second session or editor. */
.build-workflow[hidden]{display:none!important}
html[data-build-workflow=true] #customer-workspace>.workspace-heading,html[data-build-workflow=true] #customer-workspace>.workspace-pane,html[data-build-workflow=true] #customer-workspace>.workspace-access-notice{display:none!important}
.build-workflow{max-width:1120px;margin:0 auto;min-width:0;color:#182844}
.build-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.build-heading>div{min-width:0}.build-heading h1{font-size:28px;line-height:1.4;margin:0 0 8px;letter-spacing:-.6px}.build-source-url{margin:0;font-size:13px;color:#687b98;overflow-wrap:anywhere}
.build-state{flex-shrink:0;border-radius:20px;background:#e7efff;color:#174ece;padding:9px 13px;font-size:13px;font-weight:700}
/* The three visible phases group, but never replace, the five approval steps. */
.build-stage-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0 0 10px}.build-stage-groups>li{padding:12px 8px;text-align:center;border-radius:10px;background:#edf2f9;color:#63738e;font-size:14px;font-weight:750;overflow-wrap:anywhere}.build-stage-groups>li[aria-current=step]{background:#e7efff;color:#134cce;box-shadow:inset 0 -3px #0b53ff}.build-stage-groups>li[data-complete=true]{color:#247249}
.build-steps{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin-bottom:12px;scrollbar-width:thin}.build-step{flex:1;min-width:120px;min-height:46px;border:1px solid #dce5f2;border-radius:10px;background:#fff;font:650 14px var(--font);color:#49607e;padding:10px 12px;cursor:pointer;white-space:nowrap}.build-step[aria-current=step]{background:#0b53ff;border-color:#0b53ff;color:#fff}.build-step:disabled{opacity:.5;cursor:default}
.build-notice:empty{display:none}.build-notice{padding:14px;border-radius:10px;background:#edf4ff;overflow-wrap:anywhere}.build-notice[data-error=true],.build-warning{background:#fff3ec;color:#914522;border-radius:9px;padding:13px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.build-content{background:#fff;border:1px solid #dfe7f2;border-radius:16px;padding:26px;min-width:0}.build-content>:first-child{margin-top:0}.build-content>:last-child{margin-bottom:0}.build-content h3{font-size:18px;line-height:1.55;margin:0 0 10px}.build-muted{color:#697c98;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.build-lead{font-size:17px;line-height:1.8;overflow-wrap:anywhere}
.build-counts{display:flex;gap:12px;margin-bottom:20px}.build-counts>div{flex:1;padding:18px;border-radius:12px;background:#f4f7fc;display:grid;gap:5px}.build-counts strong{font-size:28px;line-height:1.2;color:#1855cf}.build-counts span{font-size:13px;color:#63738e}
.build-details{border:1px solid #e0e7f2;border-radius:10px;padding:0 15px;margin:12px 0;overflow-wrap:anywhere}.build-details>summary{min-height:48px;display:list-item;align-content:center;padding:12px 0;font-size:14px;font-weight:650;cursor:pointer;line-height:1.6}.build-details[open]{padding-bottom:15px}.build-details a{color:#1550c5;text-decoration:underline;overflow-wrap:anywhere}.build-copy-list,.build-image-sources{padding-left:22px;margin:10px 0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.build-source-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;padding:16px;background:#f7f9fd;border-radius:7px;font:400 14px/1.85 var(--font)}
.build-structure{list-style:none;counter-reset:build-section;display:grid;gap:14px;padding:0;margin:0}.build-structure>li{counter-increment:build-section;border:1px solid #e0e7f3;border-radius:12px;padding:18px 18px 18px 58px;position:relative}.build-structure>li::before{content:counter(build-section);position:absolute;left:18px;top:19px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:#1451ce;background:#eaf1ff;font-size:13px;font-weight:750}.build-structure p{margin:0}.build-structure .build-copy-list{margin-bottom:0}
/* Lightweight direction cards mount exactly one renderer only when requested. */
.build-design-directions{margin-bottom:26px;min-width:0}.build-direction-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.build-direction-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #dfe7f2;border-radius:14px;background:#fff}.build-direction-card[data-selected=true]{border-color:#1855cf;box-shadow:0 0 0 2px #1855cf;background:#f7faff}.build-direction-card h4{font-size:17px;line-height:1.5;margin:15px 0 0;overflow-wrap:anywhere}.build-direction-card p{margin:9px 0 16px}.build-direction-palette{display:flex;min-height:34px;overflow:hidden;border-radius:7px;border:1px solid #dae1eb}.build-direction-palette span{flex:1;min-width:0}.build-direction-actions{display:grid;gap:8px;margin-top:auto}.build-direction-actions .btn{min-height:44px;min-width:0;padding-inline:10px;white-space:normal;font-size:13px}.build-direction-preview{margin-top:24px;padding-top:22px;border-top:1px solid #dfe7f2}.build-preview-state{display:inline-block;background:#eaf1ff;color:#164dbe;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:700;line-height:1.5}
.build-visitor-strategy,.build-task-review,.build-pending-features{margin:0 0 22px;min-width:0}.build-strategy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.build-strategy-fields>div{background:#f5f8fe;border-radius:10px;padding:15px;min-width:0}.build-strategy-fields>div:last-child{grid-column:1/-1}.build-strategy-fields dt{font-size:12px;font-weight:650;color:#647999;margin-bottom:6px}.build-strategy-fields dd{font-size:15px;line-height:1.7;margin:0;overflow-wrap:anywhere}.build-task-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.build-task-list>li{display:flex;justify-content:space-between;gap:16px;border:1px solid #e0e7f3;border-radius:9px;padding:13px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.build-task-list>li>*{min-width:0}.build-task-target{color:#5c7293;text-align:right}.build-pending-features{padding:16px;background:#fff7e9;border:1px solid #edddb7;border-radius:10px}.build-pending-features .build-copy-list{margin-bottom:0}.build-generated-images{margin:24px 0 0}.build-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.build-image-grid figure{margin:0;min-width:0;border:1px solid #e0e7f3;border-radius:10px;overflow:hidden}.build-image-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f5f8fc}.build-image-grid figcaption{padding:12px;font-size:13px;line-height:1.6;color:#526a8b;overflow-wrap:anywhere}
.build-profile-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px;font-size:14px;font-weight:650}.build-profile-label select{font:500 14px var(--font);min-width:0;width:min(100%,340px);min-height:44px;border:1px solid #d9e2f1;border-radius:8px;background:#fff;padding:9px;color:#243c60}
/* Preserve intrinsic preview size when a legacy or unknown profile is selected. */
.build-visual{margin:10px 0 16px;border:1px solid #e0e6ee;border-radius:10px;overflow:hidden;background:#f6f8fc;text-align:center;max-height:75vh;overflow-y:auto}.build-visual img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}.build-frame-holder{width:100%;position:relative;overflow:hidden;border:1px solid #dbe4f0;border-radius:10px;background:#fff;margin-bottom:18px}.build-frame-holder iframe{display:block;border:0;transform-origin:top left}.build-links{display:flex;gap:10px;flex-wrap:wrap}
.build-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;background:#f6f9fe;padding:20px 0 max(20px,env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:8;border-top:1px solid #e4ebf5;margin-top:22px}.build-actions .btn{min-height:48px;flex-shrink:0}.build-cost{font-size:13px;color:#5f718e;margin:0 auto 0 0;line-height:1.7;overflow-wrap:anywhere}.build-actions>.build-muted{width:100%;text-align:right;margin:0}.build-approval{display:flex;align-items:center;gap:9px;margin-right:auto;min-height:44px;font-size:14px;line-height:1.5;cursor:pointer}.build-approval input{width:20px;height:20px;flex-shrink:0;accent-color:#0b53ff}.build-approval span{overflow-wrap:anywhere}
/* Keep full-width actions above Lumi's 48px launcher + 20px offset + 8px gap. */
html[data-build-workflow=true]:has(#builderLumiRoot:not([hidden])>.lumi-launcher:not([hidden])) .build-workflow .build-actions{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.build-saved-list{margin:0 0 22px;border:1px solid #dee7f4;background:#fff;border-radius:12px;padding:0 18px}.build-saved-list>summary{min-height:50px;align-content:center;font-size:15px;font-weight:650;cursor:pointer;list-style:disclosure-closed;padding:12px 0}.build-saved-list[open]>summary{list-style:disclosure-open}.build-saved-list[open]{padding-bottom:18px}.build-saved-list>.btn{margin-top:12px}.build-list-item{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:64px;text-align:left;border:0;border-top:1px solid #e9eef6;padding:14px 0;background:transparent;color:#244367;cursor:pointer;font:500 14px var(--font)}.build-list-item strong{overflow-wrap:anywhere;min-width:0}.build-list-item span{flex-shrink:0}.build-resume{white-space:nowrap}
.build-progress-dialog{padding:28px;max-width:min(430px,calc(100vw - 32px));width:430px;border:1px solid #dfe7f3;border-radius:20px;box-shadow:0 18px 80px #172f5433;color:#1b3152}.build-progress-dialog:not([open]){display:none}.build-progress-dialog::backdrop{background:#12254480;backdrop-filter:blur(2px)}.build-progress-dialog h2{font-size:20px;margin:0 0 24px;line-height:1.5}.build-progress-percent{display:block;color:#d40000;font-size:48px;font-weight:850;line-height:1.3;margin:0 0 15px;font-variant-numeric:tabular-nums}.build-progress-dialog progress{width:100%;height:10px;accent-color:#d40000}.build-progress-dialog .btn{min-height:46px;width:100%;margin-top:12px}
.build-workflow :is(button,a,select,input):focus-visible,.build-saved-list :is(button,summary):focus-visible,.build-progress-dialog button:focus-visible{outline:3px solid #174fcc;outline-offset:3px}.build-workflow .btn:disabled{opacity:.5;cursor:default}
@media(max-width:767px){.build-heading{align-items:flex-start;gap:10px;margin-bottom:18px}.build-heading h1{font-size:24px}.build-state{font-size:11px;padding:7px 9px}.build-source-url{font-size:12px}.build-content{padding:18px 14px;border-radius:12px}.build-steps{margin-inline:-2px}.build-step{flex:none;min-width:111px;font-size:13px}.build-counts>div{padding:14px}.build-counts strong{font-size:25px}.build-structure>li{padding:16px 12px 16px 46px}.build-structure>li::before{left:12px;top:16px;width:23px;height:23px}.build-structure h3{font-size:16px}.build-profile-label{display:grid;gap:8px}.build-profile-label select{width:100%;font-size:16px}.build-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding-top:14px;margin-top:16px}.build-actions .btn{width:100%;min-width:0;white-space:normal}.build-actions>.build-muted{text-align:left;font-size:11px}.build-approval{font-size:13px}.build-actions .build-warning{margin:0}.build-list-item{display:grid;gap:4px}.build-list-item span{font-size:12px}.build-progress-dialog{padding:24px}.build-progress-percent{font-size:44px}.build-visual{max-height:65vh}.build-source-text{font-size:13px;padding:12px}}
@media(prefers-reduced-motion:reduce){.build-workflow *,.build-progress-dialog *{scroll-behavior:auto!important}}
@media(max-width:767px){.build-stage-groups{gap:5px}.build-stage-groups>li{font-size:12px;padding:11px 5px}.build-strategy-fields,.build-image-grid{grid-template-columns:minmax(0,1fr)}.build-task-list>li{display:grid;gap:4px}.build-task-target{text-align:left}}
@media(max-width:767px){.build-direction-cards{grid-template-columns:minmax(0,1fr)}.build-direction-card{padding:16px}.build-direction-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.build-direction-preview{margin-top:18px}.build-preview-state{font-size:12px}}