@import url('./blueprintModulePreview.css');
/* Structured Blueprint document and product-focused Build workspace. */
.content[data-page="brief"],.content[data-page="apps"],.content[data-page="improve"]{max-width:1440px}
.blueprint-document{--bp-ink:var(--page-ink,#18243c);--bp-muted:var(--page-muted,#53647b);--bp-line:var(--line,#dce4ef);color:var(--bp-ink)}
.blueprint-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}
.blueprint-heading h1{margin:6px 0 10px;font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.045em;font-weight:650;overflow-wrap:anywhere}
.blueprint-heading p{margin:0;color:var(--bp-muted);font-size:14px;line-height:1.5}
.blueprint-eyebrow,.build-eyebrow{display:block;font-size:12px;font-weight:650;letter-spacing:.05em;color:var(--della-muted,#526681);margin:0 0 8px}
.blueprint-heading-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.blueprint-goal{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid var(--bp-line)}
.blueprint-goal p{margin:0;max-width:76ch;font-size:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.blueprint-goal button{flex-shrink:0}
.blueprint-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.blueprint-document-body{min-width:0}
.blueprint-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.blueprint-category{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;width:100%;padding:16px;text-align:left;background:var(--della-surface,#fff);border:1px solid var(--bp-line);border-radius:14px;color:var(--bp-ink);box-shadow:0 2px 7px #1e355006;cursor:pointer;white-space:normal;transition:border-color .15s,background .15s}
.blueprint-category:hover{border-color:var(--della-accent-border,#859cde);background:var(--della-surface,#f8faff)}
.blueprint-category:focus-visible,.blueprint-item-edit:focus-visible,.build-stage-nav button:focus-visible,.build-method:focus-visible{outline:3px solid var(--della-accent-border,#3154ce);outline-offset:3px}
.blueprint-category-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--della-accent,#3457bc);background:var(--della-soft,#eef2ff);border-radius:9px;margin-bottom:6px}
.blueprint-category-icon svg{width:22px;height:22px}
.blueprint-category strong{font-size:16px;line-height:1.35;font-weight:650}
.blueprint-category>span:not(.blueprint-category-icon){font-size:13px;color:var(--bp-muted)}
.blueprint-category small{font-size:12px;line-height:1.45;color:var(--bp-muted);font-weight:400}
.blueprint-add{margin-top:16px}
.blueprint-category-detail{background:var(--della-surface,#fff);border:1px solid var(--bp-line);border-radius:14px;padding:24px}
.blueprint-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 12px}
.blueprint-list-heading h2{font-size:24px;margin:0 0 6px;line-height:1.2}
.blueprint-list-heading p{margin:0;color:var(--bp-muted);font-size:14px}
.blueprint-item-list{list-style:none;margin:0;padding:0}
.blueprint-item{border-top:1px solid var(--bp-line);padding:10px 0}
.blueprint-item-edit{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:100%;min-height:48px;text-align:left;white-space:normal;border:0;border-radius:6px;background:transparent;padding:10px 4px;color:var(--bp-ink);font-size:15px;line-height:1.6}
.blueprint-item-edit>span:first-child{overflow-wrap:anywhere}
.blueprint-item-edit:hover{background:var(--della-surface,#f6f8fd)}
.blueprint-item-edit:disabled{opacity:1;cursor:default}
.blueprint-item-meta{flex-shrink:0;font-size:12px;color:var(--bp-muted)}
.blueprint-item-check{margin:0 4px 8px;font-size:13px;color:var(--bp-muted);line-height:1.5}
.blueprint-empty{padding:24px 0;color:var(--bp-muted)}
.blueprint-decisions{margin-top:22px;padding:16px 20px;background:var(--della-surface,#fff);border:1px solid var(--bp-line);border-radius:12px}
.blueprint-decisions li{margin:12px 0;line-height:1.6}
.blueprint-document .brief-editor{margin:0 0 24px;background:var(--della-surface,#fff);border:1px solid var(--della-line,#91a7e4);border-radius:14px;padding:24px}
.blueprint-document .brief-editor-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.blueprint-document :is(select,textarea){max-width:100%;box-sizing:border-box}
.blueprint-document .brief-review{margin:24px 0 0;padding:20px;background:var(--della-surface,#fff);border:1px solid var(--bp-line);border-radius:14px;align-items:center}
.blueprint-document .brief-review h2{font-size:18px;margin:0 0 7px}
.blueprint-document .brief-review p{font-size:14px;color:var(--bp-muted);margin:0}
.blueprint-document .brief-review details{margin-top:12px;font-size:14px}
.blueprint-document .brief-review li{line-height:1.6;margin:8px 0}
.blueprint-document .brief-context{margin:22px 0 0}
.blueprint-assistant{position:sticky;top:24px;align-self:start;display:block;inset-inline:auto;width:auto;height:auto;min-width:0;max-height:none;padding:20px;border:1px solid var(--della-line,#d7e0f4);border-radius:14px;background:var(--della-soft,#f0f4ff);box-sizing:border-box;overflow:visible;z-index:auto}
.blueprint-assistant-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.blueprint-assistant-heading h2{font-size:15px;margin:0 0 4px;font-weight:650}
.blueprint-assistant-heading p{font-size:12px;margin:0;color:var(--della-muted,#526681)}
.blueprint-assistant form{margin:0;padding:0;background:none;border:0;box-shadow:none}
.blueprint-assistant label{font-size:14px}
.blueprint-assistant textarea{width:100%;min-height:104px;margin:8px 0 12px;background:var(--della-surface,#fff);font-size:14px;line-height:1.6;resize:vertical}
.blueprint-chat-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.blueprint-chat-actions>span{font-size:12px;color:var(--della-muted,#53647b);max-width:112px;line-height:1.5}
.blueprint-chat-exchange{max-height:340px;overflow:auto;margin:0 0 16px;overscroll-behavior:contain}
.blueprint-chat-question{padding:12px;background:var(--della-surface,#fff);border-radius:8px;white-space:pre-wrap;font-size:14px;line-height:1.55}
.blueprint-chat-exchange .della-prose{font-size:14px;line-height:1.65}
.blueprint-chat-status{font-size:13px;line-height:1.5;color:var(--della-accent,#34548a)}
.blueprint-chat-status:empty{display:none}
.build-workspace .build-workspace-heading{justify-content:space-between;margin-bottom:18px;gap:16px}
.build-workspace .build-workspace-heading h1{font-size:clamp(26px,3vw,34px);overflow-wrap:anywhere}
.build-stage-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;padding:8px;background:var(--della-surface,#fff);border:1px solid var(--della-line,#dce4ef);border-radius:12px}
.build-stage-nav button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-width:105px;min-height:44px;margin:0;padding:9px 14px;background:transparent;border:1px solid transparent;border-radius:8px;font-size:14px;color:var(--della-muted,#53647b);white-space:nowrap}
.build-stage-nav button>span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;background:var(--della-soft,#eef2f8);border-radius:50%;font-size:12px}
.build-stage-nav button[aria-current=step]{background:var(--della-soft,#edf2ff);border-color:var(--della-line,#c6d4fb);color:var(--della-accent,#274ab0);font-weight:650}
.build-stage-nav button[aria-current=step]>span{background:#3154ce;color:#fff}
.build-stage-nav button:hover{background:var(--della-soft,#f1f4fa)}
.build-stage-layout{display:block;min-width:0}
.build-stage-layout.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.build-primary,.build-stage-content{min-width:0}
.build-primary:empty{display:none}
.build-stage-content>section,.build-method-detail{background:var(--della-surface,#fff);border:1px solid var(--della-line,#dce4ef);border-radius:14px;padding:24px;margin-bottom:18px}
.build-stage-content h2{font-size:22px;line-height:1.25;margin:0 0 16px;letter-spacing:-.025em}
.build-stage-content h3{font-size:18px;margin:0 0 12px}
.build-stage-content p{font-size:14px;line-height:1.65;color:var(--della-muted,#53647b)}
.build-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.build-method{display:flex;flex-direction:column;align-items:flex-start;gap:12px;white-space:normal;text-align:left;min-height:120px;padding:18px;border:1px solid var(--della-line,#dce4ef);border-radius:12px;background:var(--della-surface,#fbfcff);color:var(--della-ink,#253650)}
.build-method[aria-pressed=true]{border-color:var(--della-accent-border,#3154ce);background:var(--della-soft,#eef3ff);box-shadow:inset 0 0 0 1px #3154ce}
.build-method strong{font-size:16px}
.build-method span{font-size:13px;line-height:1.55;color:var(--della-muted,#53647b)}
.build-task-list,.build-check-list,.build-readiness-list{list-style:none;padding:0;margin:20px 0}
.build-task-list li{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--della-line,#e3e8f1);font-size:14px}
.build-task-list small{margin-left:auto;font-size:12px;color:var(--della-muted,#52647a)}
.build-task-symbol{font-size:19px;color:var(--della-muted,#52647a)}
.build-task-list [data-status=done] .build-task-symbol{color:var(--della-ok,#187048)}
.build-check-list li{padding:14px 0;border-top:1px solid var(--della-line,#e3e8f1);font-size:14px}
.build-check-list strong{display:block;margin-bottom:6px}
.build-check-list li>span{font-size:12px}
.build-check-list [data-status=failed]{color:var(--della-danger,#a3203c)}
.build-check-list [data-status=passed]>span{color:var(--della-ok,#187048)}
.build-readiness-list li{padding:10px 0;font-size:14px;line-height:1.5}
.build-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--della-line,#dce4ef)}
.build-preview-toolbar h2{font-size:19px;margin:0}
.build-preview-toolbar>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.content[data-page] .build-control-room .app-preview-primary{padding:0;border-radius:14px;overflow:hidden;margin:0}
.build-control-room .app-preview-primary .app-preview-mount{margin:0;border:0;border-radius:0}
.build-control-room .app-preview-primary iframe{display:block;width:100%;height:clamp(400px,65dvh,740px);border:0;background:var(--della-surface,#fff)}
.build-control-room .build-product-details{margin:0;padding:16px 20px;border-top:1px solid var(--della-line,#dce4ef);border-radius:0;background:var(--della-surface,#fff)}
.build-control-room .build-product-details>.app-detail{border:0;padding:18px 0;margin:0;box-shadow:none}
.build-secondary-options{margin-top:20px;background:var(--della-surface,#fff);border:1px solid var(--della-line,#dce4ef);border-radius:12px;padding:16px 20px}
.build-secondary-options>section{margin-top:18px}
.build-selected-element,.build-refine-context{padding:12px 16px;background:var(--della-soft,#edf3ff);border:1px solid var(--della-line,#c6d5f7);border-radius:8px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.build-selected-element{margin:14px 18px}
.build-refine-context{margin-bottom:16px}
.build-refine-context p{color:var(--della-accent,#314b80);margin:6px 0}
.build-refine-context small{display:block;font-size:11px;color:var(--della-muted,#52647a)}
.build-stage-content .app-compose{padding:20px}
.build-stage-content .app-compose .panel-heading h2{font-size:19px}
.build-stage-content .app-compose textarea{min-height:140px;font-size:15px}
.build-stage-content .app-compose .check{font-size:13px;line-height:1.55}
.build-stage-content .app-compose form>details{font-size:13px}
.build-stage-content .app-compose form>.hint{font-size:12px}
@media(max-width:1200px){.blueprint-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blueprint-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.build-stage-layout.has-preview{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.build-preview-toolbar{flex-wrap:wrap}}
@media(max-width:900px){.blueprint-layout{grid-template-columns:1fr}.blueprint-assistant{position:static;max-width:none}.build-stage-layout.has-preview{grid-template-columns:1fr}.build-stage-content{margin-top:20px}.blueprint-assistant textarea{min-height:84px}.blueprint-chat-actions>span{max-width:none}}
@media(max-width:600px){.blueprint-heading{gap:12px;flex-direction:column}.blueprint-heading-actions{align-self:stretch;justify-content:space-between}.blueprint-goal{gap:10px;flex-direction:column}.blueprint-category-grid{gap:10px}.blueprint-category{padding:16px;min-height:164px}.blueprint-category strong{font-size:15px}.blueprint-category small{font-size:12px}.blueprint-list-heading{align-items:flex-start;flex-direction:column}.blueprint-item-edit{flex-direction:column;gap:6px;font-size:16px}.blueprint-category-detail,.blueprint-document .brief-editor{padding:18px}.blueprint-document .brief-editor-options{grid-template-columns:1fr}.blueprint-document .brief-review{flex-direction:column;align-items:stretch;gap:16px}.blueprint-assistant textarea,.blueprint-document :is(textarea,select),.build-stage-content textarea{font-size:16px}.build-stage-nav{gap:4px;padding:6px}.build-stage-nav button{min-width:85px;font-size:13px;padding:8px;gap:6px}.build-stage-nav button>span{width:20px;height:20px}.build-method-grid{grid-template-columns:1fr}.build-method{min-height:90px}.build-workspace .build-workspace-heading{align-items:flex-start;flex-direction:column}.build-preview-toolbar{padding:16px}.build-stage-content>section{padding:18px}}
@media(prefers-reduced-motion:reduce){.blueprint-category{transition:none}}
/* A connected design canvas, with quiet chrome and concrete screen concepts. */
.blueprint-document{--bp-line:var(--della-line,#dbe2eb);--bp-muted:var(--della-muted,#536276);--bp-ink:var(--della-accent,#17263b)}
.blueprint-document-body{min-width:0}.blueprint-document button{white-space:normal}.blueprint-document :is(button,input,textarea,select,summary):focus-visible{outline:3px solid var(--della-accent-border,#3154ce);outline-offset:3px}
.bp-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:5px;background:var(--della-glass,#e8edf3b8);border:1px solid var(--della-line,#dbe3ed);border-radius:14px;margin:0 0 28px}
.bp-tabs .bp-tab{flex:1 1 auto;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--della-muted,#526174);font-size:14px;font-weight:600;cursor:pointer}.bp-tabs .bp-tab[aria-current=page]{background:var(--della-surface,#fff);color:var(--della-accent,#1b3b72);box-shadow:0 2px 5px #23344d12,0 0 0 1px #ccd6e480}.bp-tab>span{margin-left:4px;font-size:12px}
.bp-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.bp-section-heading h2{font-size:25px;letter-spacing:-.7px;margin:0 0 8px}.bp-section-heading p{max-width:52ch;color:var(--bp-muted);font-size:14px;line-height:1.6;margin:0}.bp-section-heading>button{flex-shrink:0}
.bp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.bp-metrics>div{display:flex;flex-direction:column;gap:4px;border-left:2px solid var(--della-line,#d9e3f4);padding:0 16px}.bp-metrics strong{font-size:30px;font-weight:550;letter-spacing:-1px;line-height:1.2}.bp-metrics span{font-size:12px;color:var(--bp-muted)}
.bp-product-map{display:grid;gap:16px;margin:20px 0 32px}.bp-map-route{border:1px solid var(--della-line,#d7e2ef);border-radius:20px;padding:24px;background:linear-gradient(135deg,var(--della-surface,#fff) 30%,var(--della-soft,#f1f6fd) 100%);box-shadow:0 8px 24px #1b365809,inset 0 1px var(--della-highlight,#fff)}.bp-route-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.bp-route-heading h3{font-size:19px;font-weight:650;letter-spacing:-.4px;margin:0}.bp-pill{display:inline-flex;align-items:center;padding:5px 9px;font-size:11px;line-height:1.3;font-weight:600;border-radius:6px;background:var(--della-soft,#e8eef8);color:var(--della-muted,#3d5275);white-space:nowrap}.bp-route-flow{display:grid;grid-template-columns:minmax(90px,.8fr) 20px minmax(120px,1.4fr) 20px minmax(90px,1fr);gap:10px;align-items:center;margin:28px 0 18px}.bp-route-flow small{display:block;color:var(--della-muted,#5c6b7d);font-size:10px;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:9px;font-weight:650}.bp-route-flow strong{font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.bp-flow-arrow{color:var(--della-muted,#5273a3);font-size:20px}.bp-route-role{border-left:3px solid var(--della-accent-border,#6c87ba);padding-left:12px}.bp-route-outcome{border-left:3px solid var(--della-line,#65927e);padding-left:12px}.bp-route-screens{display:grid;gap:6px}.bp-route-screen{border:1px solid var(--della-line,#cbd9ec);background:var(--della-surface,#fff);border-radius:8px;color:var(--della-accent,#25406a);font-size:13px;line-height:1.5;padding:10px;text-align:left;min-height:44px;cursor:pointer}.bp-route-screen:hover{border-color:var(--della-accent-border,#567bb4);background:var(--della-surface,#f4f8ff)}.bp-route-actions{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid var(--della-line,#e2e8f1)}.bp-linked-data{font-size:12px;color:var(--della-muted,#4c6076);line-height:1.7;margin:10px 0 18px}.bp-linked-data>span{font-weight:650;margin-right:8px}
.bp-empty{border:1px dashed var(--della-line,#cbd5e3);border-radius:18px;padding:36px 28px;background:var(--della-surface,#f9fbfd);margin-bottom:24px}.bp-empty h3{font-size:19px;letter-spacing:-.3px;margin:0 0 8px}.bp-empty p{color:var(--bp-muted);max-width:55ch;line-height:1.6;margin:0 0 18px;font-size:14px}.bp-muted{font-size:13px;color:var(--bp-muted)}
.bp-editor{padding:24px;background:var(--della-surface,#fff);border:1px solid var(--della-line,#a8bfe2);border-radius:18px;box-shadow:0 8px 32px #1b36580c;margin-bottom:28px}.bp-editor h2{font-size:23px;letter-spacing:-.5px;margin:0 0 8px}.bp-editor>p{font-size:14px;color:var(--bp-muted);line-height:1.6}.bp-editor label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:550;margin:16px 0}.bp-editor :is(input,select,textarea){font:inherit;font-size:14px;color:var(--bp-ink);border:1px solid var(--della-line,#bfcbdc);border-radius:8px;background:var(--della-surface,#fcfdff);padding:11px 12px;width:100%;box-sizing:border-box;min-height:44px}.bp-editor textarea{resize:vertical}.bp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bp-editor-steps>fieldset{border:1px solid var(--della-line,#d9e2ee);border-radius:12px;padding:8px 16px 16px;margin:20px 0;background:var(--della-surface,#f7f9fd)}.bp-editor-steps>fieldset>legend{padding:0 8px;color:var(--della-accent,#365985);font-size:12px;font-weight:650}.bp-form-actions,.bp-step-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.bp-checkboxes{margin:12px 0;border:0;padding:0}.bp-checkboxes legend{font-size:12px;color:var(--della-muted,#506075);padding:8px 0}.bp-checkboxes label,.bp-editor .bp-check,.bp-review-checklist label{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font-size:14px;line-height:1.55;font-weight:400;padding:8px 0;margin:0;cursor:pointer;min-height:44px}.bp-checkboxes input,.bp-editor .bp-check input,.bp-review-checklist input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-shrink:0;margin:3px 0;accent-color:#294e98}.bp-editor summary,.brief-editor summary{font-size:13px;min-height:44px;display:list-item;padding-top:12px;cursor:pointer}
.bp-journey-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.bp-journey-picker button{font-size:13px;max-width:100%;text-align:left}.bp-journey-picker button[aria-pressed=true]{border-color:var(--della-accent-border,#4e74b6);background:var(--della-soft,#eef4ff);color:var(--della-accent,#234a89)}.bp-walkthrough{background:var(--della-surface,#f7f9fc);border:1px solid var(--della-line,#dde5ef);border-radius:18px;padding:24px}.bp-walk-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.bp-walk-heading h3{font-size:24px;letter-spacing:-.6px;margin:8px 0}.bp-walk-heading p{font-size:14px;line-height:1.6;color:var(--bp-muted)}.bp-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:var(--della-muted,#45607e)}.bp-walk-steps{display:flex;gap:8px;list-style:none;padding:0;margin:22px 0;flex-wrap:wrap}.bp-walk-steps li{flex:1;min-width:130px}.bp-walk-steps button{height:100%;width:100%;font-size:12px;text-align:left;border-radius:10px}.bp-walk-steps button[aria-current=step]{color:var(--della-accent,#1f4c92);background:var(--della-soft,#e8f0ff);border-color:var(--della-accent-border,#7d9bcb)}.bp-preview-states{display:flex;flex-wrap:wrap;gap:4px;margin:16px 0}.bp-preview-states button{font-size:12px;padding:8px 12px;min-height:44px;border-color:transparent;background:transparent}.bp-preview-states button[aria-pressed=true]{background:var(--della-soft,#e4ebf5);color:var(--della-accent,#1d3f71)}.bp-screen-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.bp-device{border:1px solid var(--della-line,#cbd6e4);border-radius:14px;background:var(--della-surface,#fff);overflow:hidden;box-shadow:0 12px 28px #23344d0e}.bp-device-bar{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--della-line,#e3e8f0);background:var(--della-soft,#f0f3f8);padding:11px 16px;font-size:10px;letter-spacing:.3px;color:var(--della-muted,#526177)}.bp-window-dots{color:var(--della-muted,#9baabd);letter-spacing:3px}.bp-prototype{padding:28px;min-height:290px}.bp-prototype-heading small{text-transform:uppercase;font-size:9px;letter-spacing:1.3px;color:var(--della-muted,#516782)}.bp-prototype h3{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.8px;margin:8px 0 12px;overflow-wrap:anywhere}.bp-prototype-heading p{color:var(--della-muted,#5b687b);font-size:13px;line-height:1.6}.bp-prototype-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.bp-prototype-fields label{font-size:12px;display:grid;gap:7px;min-width:0}.bp-prototype-fields input{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--della-line,#cbd6e2);border-radius:8px;padding:12px;min-height:44px;font-size:13px}.bp-prototype-table{overflow:auto;margin:22px 0}.bp-prototype-table table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}.bp-prototype-table th{padding:12px 10px;background:var(--della-soft,#f1f5fa);color:var(--della-muted,#506781);font-weight:600}.bp-prototype-table td{padding:15px 10px;border-bottom:1px solid var(--della-line,#e8edf3);color:var(--della-muted,#65748a)}.bp-prototype-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.bp-prototype-metrics>div{display:grid;gap:8px;padding:18px;background:var(--della-soft,#f3f6fb);border:1px solid var(--della-line,#e2e9f2);border-radius:10px}.bp-prototype-metrics span,.bp-prototype-metrics small{font-size:11px;color:var(--della-muted,#5b6b80)}.bp-prototype-metrics strong{font-size:27px;font-weight:400}.bp-prototype-detail>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid var(--della-line,#e4eaf2);padding:14px 0;font-size:13px}.bp-prototype-detail dd{margin:0;color:var(--della-muted,#586a82)}.bp-prototype-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.bp-prototype-footer small{font-size:10px;color:var(--della-muted,#57677e)}.bp-prototype-footer button{font-size:12px}.bp-preview-message{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--della-muted,#53677d);gap:12px}.bp-preview-message>span{font-size:28px}.bp-preview-message p{font-size:14px;line-height:1.5;max-width:40ch}.bp-preview-error{color:var(--della-danger,#9d3241)}.bp-step-result{border-left:3px solid var(--della-accent-border,#7594bb);padding:12px 16px;margin-top:24px;line-height:1.6}.bp-step-result strong{font-size:14px;font-weight:600}.bp-step-result p{font-size:14px;color:var(--della-muted,#45617b);margin:6px 0}.bp-step-result small{font-size:12px;color:var(--della-muted,#546a80)}.bp-journey-rules{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px;border-top:1px solid var(--della-line,#d9e2ed);padding-top:24px}.bp-journey-rules h4{margin:0 0 6px;font-size:12px;color:var(--della-muted,#3d5575)}.bp-journey-rules p{margin:0;font-size:13px;line-height:1.6;color:var(--della-muted,#52657c)}.bp-notice{padding:14px 18px;border-radius:10px;background:var(--della-ok-tint,#e8f2ed);color:var(--della-muted,#2d6046);font-size:14px;line-height:1.6}
.bp-scope-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.bp-scope-board>section{background:var(--della-soft,#edf2f8);border:1px solid var(--della-line,#dde5ee);border-radius:14px;padding:14px}.bp-scope-board h3{font-size:13px;margin:4px 0 16px;display:flex;justify-content:space-between;gap:8px}.bp-scope-board h3 span{color:var(--della-muted,#62748b)}.bp-scope-board article{padding:16px;background:var(--della-surface,#fff);border:1px solid var(--della-line,#dce5ef);border-radius:10px;margin-bottom:10px}.bp-scope-board h4{font-size:14px;line-height:1.5;font-weight:550;margin:0 0 10px;overflow-wrap:anywhere}.bp-scope-board article p{font-size:12px;line-height:1.5;color:var(--della-muted,#596c83)}.bp-scope-board summary{font-size:12px;min-height:44px;padding-top:12px;cursor:pointer}.bp-scope-board button{font-size:12px;min-height:44px;margin:3px 0}.bp-boundaries{margin:28px 0;padding:22px;border:1px solid var(--della-line,#dce3ed);border-radius:14px;background:var(--della-surface,#fff)}.bp-boundaries h3{font-size:17px;margin:0 0 12px}.bp-boundaries p{font-size:14px;color:var(--bp-muted);line-height:1.6}.bp-question-list{display:grid;gap:16px}.bp-question-list article{background:var(--della-surface,#fff);border:1px solid var(--della-line,#d6e0ec);border-radius:16px;padding:24px}.bp-question-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.bp-question-heading>span:last-child{font-size:11px;color:var(--della-muted,#5c6a7c)}.bp-question-list h3{font-size:19px;font-weight:600;letter-spacing:-.3px;line-height:1.4;margin:18px 0 10px}.bp-question-list p{font-size:14px;line-height:1.6;color:var(--bp-muted)}.bp-question-list .bp-question-owner{font-weight:600;color:var(--della-muted,#304867);font-size:13px}.bp-source{margin:8px 4px 12px;font-size:12px;color:var(--della-muted,#52637a)}.bp-source summary{cursor:pointer;min-height:44px;padding:12px 0}.bp-source blockquote{border-left:2px solid var(--della-line,#becce0);padding:4px 14px;margin:10px 0;line-height:1.65;color:var(--della-muted,#3b526e)}.bp-source p{font-size:12px}
.bp-review-status{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid var(--della-line,#d4dfed);border-radius:16px;background:var(--della-soft,#f4f8fd);margin-bottom:22px}.bp-review-mark{font-size:28px;color:var(--della-muted,#476b9c)}.bp-review-status h3{font-size:19px;margin:0 0 8px}.bp-review-status p{font-size:14px;line-height:1.6;color:var(--bp-muted);margin:0}.bp-review-issues{list-style:none;margin:0 0 24px;padding:0}.bp-review-issues li{padding:13px 16px 13px 30px;border-bottom:1px solid var(--della-line,#dde5ee);position:relative;font-size:14px;line-height:1.6}.bp-review-issues li:before{content:'·';position:absolute;left:12px;color:var(--della-warn,#8c5b35);font-weight:700}.bp-review-checklist{padding:24px;border:1px solid var(--della-line,#d7e1ed);border-radius:16px;background:var(--della-surface,#fff)}.bp-review-checklist>button{margin-top:20px}.blueprint-document .brief-review{margin-top:32px}.blueprint-document .blueprint-category{min-height:126px}.blueprint-document .blueprint-category-grid{gap:12px}
@media(min-width:1250px){.bp-journey-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1350px){.blueprint-layout{grid-template-columns:minmax(0,1fr)}.blueprint-chat{position:static}.bp-scope-board{gap:10px}}
@media(max-width:700px){.bp-section-heading,.bp-walk-heading{flex-direction:column}.bp-tabs{gap:4px}.bp-tabs .bp-tab{flex-basis:28%;font-size:12px;padding:8px}.bp-metrics{gap:4px}.bp-metrics>div{padding:0 10px}.bp-metrics strong{font-size:25px}.bp-metrics span{font-size:10px}.bp-map-route,.bp-walkthrough,.bp-editor,.bp-question-list article{padding:18px}.bp-route-flow{grid-template-columns:1fr;gap:12px;margin:20px 0}.bp-flow-arrow{transform:rotate(90deg);width:20px;justify-self:center}.bp-route-heading{align-items:flex-start}.bp-route-heading h3{font-size:17px}.bp-form-grid,.bp-scope-board,.bp-prototype-fields,.bp-prototype-metrics{grid-template-columns:1fr}.bp-question-heading{align-items:flex-start}.bp-question-heading>span:last-child{text-align:right}.bp-prototype{padding:20px}.bp-prototype h3{font-size:21px}.bp-device-bar{font-size:9px}.bp-review-checklist,.bp-review-status{padding:18px}.bp-screen-tools{align-items:flex-start}.blueprint-heading h1{overflow-wrap:anywhere}.blueprint-item-meta{max-width:95px}.bp-route-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.blueprint-document *{scroll-behavior:auto;transition:none;animation:none}}
.bp-tabs .bp-tab{display:flex;align-items:center;justify-content:center;gap:4px}.bp-tab>span{margin-left:0}
/* Grounded product design and interactive concept screens. */
.bp-design-hero{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px 36px;padding:30px 32px;margin:0 0 24px;border:1px solid var(--della-line,#dce4ed);border-radius:24px;background:radial-gradient(ellipse at 90% 0,var(--della-soft,#edf1ff),transparent 65%),linear-gradient(130deg,var(--della-surface,#fff),var(--della-surface,#f7fafc));box-shadow:0 6px 25px #24375a06}.bp-design-intro h2{font-size:30px;letter-spacing:-1.1px;line-height:1.12;margin:12px 0;color:var(--della-accent,#172439)}.bp-design-intro>p{font-size:15px;line-height:1.65;color:var(--della-muted,#50617a);max-width:800px;margin:0}.bp-design-value{margin-top:16px;color:var(--della-ink,#264f58);font-size:14px;font-weight:600;border-left:3px solid var(--della-teal-border,#8bb9b5);padding-left:12px}.bp-design-controls{align-self:center;display:grid;gap:12px}.bp-design-controls>small{color:var(--della-muted,#5f6c80);line-height:1.5}.bp-design-controls .primary{min-height:44px}.bp-design-stale{font-size:13px;color:var(--della-warn,#79450a);margin:0}.bp-design-progress{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--della-accent,#314b91)}.bp-design-progress>span{width:18px;height:18px;border-radius:50%;border:2px solid var(--della-line,#bbc8ec);border-top-color:var(--della-accent-border,#355ed5);animation:bp-design-spin 1s linear infinite;flex-shrink:0}@keyframes bp-design-spin{to{transform:rotate(360deg)}}#blueprint-refine-form{grid-column:1/-1;border-top:1px solid var(--della-line,#dce4ed);padding-top:18px}#blueprint-refine-form>label{font-weight:600;font-size:13px;color:var(--della-muted,#34465f)}#blueprint-refine-form>div{display:flex;align-items:end;gap:12px;margin-top:8px}#blueprint-refine-form textarea{flex:1;min-width:0;border-radius:12px;background:var(--della-surface,#fff);resize:vertical;margin:0}#blueprint-refine-form button{white-space:nowrap;min-height:44px}.bp-design-evidence{grid-column:1/-1;font-size:13px;color:var(--della-muted,#425470)}.bp-design-evidence summary{cursor:pointer}.bp-design-evidence blockquote{margin:12px 0;padding:12px 16px;border:1px solid var(--della-line,#dce4ed);border-radius:10px;background:var(--della-surface,#fff)}.bp-design-evidence blockquote p{margin:0 0 8px}.bp-design-evidence footer{color:var(--della-muted,#68748a);font-size:12px}
.bp-sim-appbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 24px;background:#182b43;color:#fff}.bp-sim-appbar>strong{font-size:16px;font-weight:650;letter-spacing:-.3px}.bp-sim-appbar>strong>span{color:var(--della-muted,#9bd1c9);margin-right:8px}.bp-sim-appbar>span{font-size:11px;color:var(--della-muted,#c5d1df)}.bp-sim-nav{display:flex;gap:5px;padding:10px 18px;overflow:auto;border-bottom:1px solid var(--della-line,#e1e7ee);background:var(--della-surface,#f7f9fc)}.bp-sim-nav button{background:transparent;border:0;border-radius:7px;color:var(--della-muted,#53637b);font-size:12px;text-align:left;max-width:230px;padding:9px 12px;flex-shrink:0;white-space:normal;line-height:1.35}.bp-sim-nav button[aria-current=page]{background:var(--della-teal-tint,#e3edf0);color:var(--della-ink,#224b53);font-weight:650}.bp-prototype-heading p{max-width:680px}.bp-sim-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:0 0 22px}.bp-sim-metrics>div{display:flex;flex-direction:column;border:1px solid var(--della-line,#e1e7ee);padding:17px;border-radius:12px;background:var(--della-surface,#f8fafc)}.bp-sim-metrics span{color:var(--della-muted,#52647a);font-size:12px}.bp-sim-metrics strong{font-size:27px;letter-spacing:-.8px;color:var(--della-ink,#243d4f);line-height:1.5}.bp-sim-metrics small{font-size:11px;color:var(--della-muted,#5e7185)}.bp-sim-calendar{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));overflow:auto;border:1px solid var(--della-line,#dfe6ed);border-radius:12px;min-height:235px}.bp-sim-calendar>section{border-right:1px solid var(--della-line,#e3e9f0);padding:11px 8px;background:var(--della-surface,#fff)}.bp-sim-calendar>section:last-child{border:0}.bp-sim-calendar header{display:grid;gap:5px;padding:0 4px 14px;color:var(--della-muted,#425774)}.bp-sim-calendar header span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.bp-sim-calendar header strong{font-size:22px;font-weight:500}.bp-sim-free{font-size:10px;color:var(--della-muted,#738096);display:block;padding:15px 4px}.bp-sim-event{display:flex;flex-direction:column;gap:7px;text-align:left;width:100%;min-height:125px;border:1px solid var(--della-line,#bfd2ed);border-left:3px solid var(--della-accent-border,#6a8fc6);background:var(--della-soft,#e9f1fc);padding:12px 9px;border-radius:7px;color:var(--della-accent,#294567);margin:0 0 10px}.bp-sim-event strong{font-size:12px;line-height:1.4}.bp-sim-event span,.bp-sim-event small{font-size:10px;line-height:1.5}.bp-sim-event.tone-green{background:var(--della-ok-tint,#e7f1ed);border-color:var(--della-line,#b1d0c5);color:var(--della-ink,#245044)}.bp-sim-event.tone-amber{background:var(--della-warn-tint,#fbf1dd);border-color:var(--della-line,#e4cda1);color:var(--della-warn,#785422)}.bp-sim-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.bp-sim-board>section{background:var(--della-soft,#f0f4f8);border-radius:12px;padding:13px}.bp-sim-board h4{font-size:12px;margin:0 0 14px;color:var(--della-muted,#445770)}.bp-sim-board h4 span{float:right}.bp-sim-card{display:flex;flex-direction:column;gap:10px;text-align:left;padding:16px;border:1px solid var(--della-line,#dce5ee);background:var(--della-surface,#fff);border-radius:9px;width:100%;margin-bottom:10px;color:var(--della-ink,#253c56)}.bp-sim-card>span{font-size:12px;color:var(--della-muted,#607084)}.bp-sim-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 18px}.bp-sim-detail-grid>section{border:1px solid var(--della-line,#dce5ee);background:var(--della-surface,#fff);border-radius:12px;padding:20px}.bp-sim-detail-grid header{display:flex;justify-content:space-between;align-items:start;gap:12px}.bp-sim-detail-grid h4{font-size:14px;margin:0 0 12px;color:var(--della-ink,#263f58)}.bp-sim-detail-grid p{font-size:13px;line-height:1.65;color:var(--della-muted,#52657b);margin:0}.bp-sim-status{font-size:10px;padding:4px 7px;border-radius:5px;background:var(--della-teal-tint,#edf3f5);color:var(--della-muted,#355363);white-space:nowrap}.bp-sim-selection{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px 15px;border-left:3px solid var(--della-teal-border,#4b8a87);background:var(--della-teal-tint,#eef5f5);color:var(--della-muted,#2d5659)}.bp-sim-selection span{font-size:10px;text-transform:uppercase;letter-spacing:.7px}.bp-sim-action{cursor:pointer}.bp-sim-action:focus-visible,.bp-sim-nav button:focus-visible{outline:3px solid var(--della-accent-border,#4264d6);outline-offset:3px}.bp-prototype-table .bp-sim-action{background:var(--della-soft,#edf2f7);border:1px solid var(--della-line,#cfdae6);color:var(--della-accent,#2a4767);border-radius:7px;padding:8px 12px;white-space:nowrap}.bp-prototype-table td{font-size:12px}.bp-prototype-fields textarea,.bp-prototype-fields select{width:100%;padding:10px;border:1px solid var(--della-line,#ced9e5);border-radius:8px;font:inherit;background:var(--della-surface,white);color:var(--della-ink,#23384f)}@media(max-width:900px){.bp-design-hero{grid-template-columns:1fr;padding:22px;gap:18px}.bp-design-intro h2{font-size:25px}.bp-design-controls{max-width:400px}.bp-sim-calendar{grid-template-columns:repeat(7,115px)}#blueprint-refine-form>div{align-items:stretch;flex-direction:column}.bp-sim-appbar{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){.bp-design-progress>span{animation:none}}
.workspace .content[data-page="brief"]{max-width:1440px}.bp-design-intro{min-width:0}.bp-sim-calendar header{height:auto;min-height:64px;background:transparent;border:0;align-items:start;justify-content:start}.bp-sim-detail-grid header{height:auto;min-height:0;background:none;border:0;padding:0;font:inherit}.bp-design-evidence footer{background:none;border:0;padding:0}.bp-prototype{min-width:0}
@media(max-width:1700px){.blueprint-layout{grid-template-columns:minmax(0,1fr)}.blueprint-assistant{position:static;max-width:none}.blueprint-assistant textarea{min-height:84px}}
.bp-design-value>small{display:block;margin-bottom:5px;font-size:10px;text-transform:uppercase;letter-spacing:.9px;color:var(--della-muted,#507078)}
/* Build workspace: keep the product, its builder and actual release state together. */
.build-project-summary{background:linear-gradient(115deg,var(--della-surface,#fff) 20%,var(--della-soft,#f0f3ff));border:1px solid var(--della-line,#dce3f1);border-radius:20px;padding:28px 32px;margin-bottom:22px;box-shadow:0 8px 28px #293f6910}.build-project-summary h2{font-size:clamp(22px,2.3vw,31px);line-height:1.2;letter-spacing:-.045em;margin:5px 0 12px;max-width:850px}.build-project-summary p{max-width:820px;color:var(--della-muted,#4c5d78);line-height:1.55}.build-project-facts{display:flex;gap:28px;flex-wrap:wrap;margin:22px 0;color:var(--della-muted,#4c5d78);font-size:13px}.build-project-facts strong{font-size:20px;letter-spacing:-.04em;color:var(--della-accent,#203251);margin-right:5px}.build-project-footer{border-top:1px solid var(--della-line,#dae1ef);padding-top:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.build-project-footer .text-link{margin-left:auto}.build-pill{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;padding:6px 10px;border-radius:7px;background:var(--della-soft,#eff2f7);color:var(--della-muted,#4e5c72);font-weight:600}.build-pill[data-ready="true"]{background:var(--della-ok-tint,#e7f3ed);color:var(--della-ok,#245d48)}.build-methods>p{color:var(--della-muted,#4e5c72);max-width:760px}.build-control-room .build-method-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.build-control-room .build-method{position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;background:var(--della-surface,#fff);border:1px solid var(--della-line,#d5ddec);border-radius:14px;padding:19px;min-height:203px;box-shadow:0 2px 4px #24355b04;transition:border-color .15s,box-shadow .15s}.build-control-room .build-method:hover{border-color:var(--della-accent-border,#8495ca);box-shadow:0 6px 18px #24355b10}.build-control-room .build-method[aria-pressed="true"]{border:2px solid var(--della-accent-border,#495cc1);padding:18px;background:var(--della-surface,#f7f8fe);box-shadow:0 0 0 3px #4b61c10b}.build-provider-initial{display:grid!important;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--della-soft,#e9edfa);color:var(--della-accent,#334b9f)!important;font-size:18px!important;font-weight:650;margin-bottom:14px}.build-method strong{font-size:16px;color:var(--della-accent,#172840)}.build-method>span:not(.build-provider-initial):not(.build-provider-logo){font-size:13px;color:var(--della-muted,#516078);line-height:1.5;margin:8px 0 14px}.build-method small{margin-top:auto;color:var(--della-muted,#475569);font-size:12px}.build-method[aria-pressed="true"] small{color:var(--della-accent,#3549a6)}.build-alternatives{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px}.build-account-note{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid var(--della-line,#e1e6ef);padding:16px 0;margin:4px 0 20px}.build-account-note h3{font-size:14px;margin:0}.build-account-note p{font-size:13px;line-height:1.6;margin:0;max-width:700px;color:var(--della-muted,#4e5c72)}.build-scope-card,.build-project-settings,.build-requirement-coverage,.build-maintenance{border:1px solid var(--della-line,#dce3ed);border-radius:14px;background:var(--della-surface,#fff);padding:24px;margin:20px 0}.build-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.build-settings-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--della-muted,#34465e)}.build-settings-grid input,.build-settings-grid select{width:100%;min-height:44px;border-radius:8px;border:1px solid var(--della-line,#aebad1);background:var(--della-surface,#fff);padding:10px 12px;color:var(--della-ink,#24354e)}.build-blockers{padding-left:20px}.build-blockers li{margin:10px 0;color:var(--della-warn,#674920)}.build-scope-card details{border-top:1px solid var(--della-line,#e4e9f1);padding:13px 0}.build-scope-card summary{cursor:pointer;min-height:24px}.build-scope-card li{margin:12px 0}.build-scope-card li p{font-size:13px;color:var(--della-muted,#53627a);margin:6px 0}.build-release-gates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.build-release-gates article{border:1px solid var(--della-line,#dce3ed);border-radius:12px;padding:18px;background:var(--della-surface,#f9fafc)}.build-release-gates h3{font-size:14px}.build-release-gates p{font-size:13px;line-height:1.5;color:var(--della-muted,#516078)}.build-release>details{margin:20px 0}.build-requirement-coverage ul{list-style:none;padding:0}.build-requirement-coverage li{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:15px 0;border-top:1px solid var(--della-line,#e5e9f1)}.build-requirement-coverage li p{font-size:13px;color:var(--della-muted,#53627a);margin-bottom:0}.build-preview-devices{display:flex;gap:8px;margin:12px 0}.build-preview-devices button{min-height:44px}.build-control-room[data-preview-device="phone"] .app-preview-mount{max-width:390px;margin-left:auto;margin-right:auto}.build-control-room[data-preview-device="tablet"] .app-preview-mount{max-width:768px;margin-left:auto;margin-right:auto}.build-control-room :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--della-accent-border,#3455cc);outline-offset:3px}.build-control-room .builder-detail{scroll-margin-top:20px}.build-control-room .builder-detail .panel-heading h3{font-size:20px}
@media(max-width:1100px){.build-control-room .build-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.build-control-room .build-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-project-summary{padding:22px}.build-project-facts{gap:14px}.build-project-footer .text-link{margin-left:0}.build-settings-grid,.build-release-gates{grid-template-columns:1fr}.build-requirement-coverage li{flex-direction:column}.build-scope-card,.build-project-settings,.build-requirement-coverage{padding:18px}.build-control-room .build-method{padding:14px;min-height:200px}.build-control-room .build-method[aria-pressed="true"]{padding:13px}.build-settings-grid input,.build-settings-grid select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.build-control-room .build-method{transition:none}}
.build-project-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;padding:20px 26px;margin-bottom:18px}.build-project-summary h2{font-size:23px;margin:4px 0 8px}.build-project-summary p{margin:6px 0}.build-project-summary .build-project-facts{align-items:center;gap:20px;margin:0}.build-project-summary .build-project-facts>span{display:flex;flex-direction:column;gap:4px;max-width:110px}.build-project-summary .build-project-footer{grid-column:1/-1;padding-top:12px}.build-project-summary .build-eyebrow{font-size:11px}.build-activity ol{padding-left:20px}.build-activity li{margin:14px 0}.build-activity time{font-size:12px;color:var(--della-muted,#52647d)}

fieldset.build-settings-grid{padding:0;border:0;min-width:0}

@media(max-width:700px){.build-project-summary{grid-template-columns:1fr;padding:18px}.build-project-summary .build-project-facts>span{display:block;max-width:none}}

.build-provider-logo{display:grid;place-items:center;flex:none;width:35px;height:35px;margin-bottom:14px}.build-provider-logo img{display:block;width:35px;height:35px;object-fit:contain}

/* GitHub belongs to the product workspace alongside the chosen builder. */
.github-connection{margin:18px 0;padding:24px;border:1px solid var(--della-line,#dce3ef);border-radius:20px;background:linear-gradient(135deg,var(--della-surface,#fff),var(--della-soft,#f5f7fc));box-shadow:0 4px 18px #1f315908}
.github-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.github-header h3,.github-header p{margin:0}.github-header h3{font-size:22px;letter-spacing:-.5px}.github-header .build-pill{margin-left:auto}.github-header .build-provider-logo{width:48px;height:48px;background:var(--della-surface,#fff);border:1px solid var(--della-line,#e4e8ef);border-radius:14px;display:grid;place-items:center}
.github-connection>p{color:var(--della-muted,#4c5a70);line-height:1.6}.github-details{margin-top:20px;border-top:1px solid var(--della-line,#dce3ef);padding-top:20px}.github-details form{display:grid;gap:12px;max-width:700px}.github-details label{font-weight:600}.github-details ol{padding-left:22px;line-height:1.75}.github-details .checkbox-label{display:flex;gap:10px;align-items:flex-start;font-weight:400}.github-details .checkbox-label input{width:20px;min-height:20px;flex:none;margin-top:3px}.github-details input,.github-details select{min-height:44px;width:100%;min-width:0}.github-details .primary{justify-self:start}.github-connection button,.github-connection .secondary{min-height:44px}.github-selected{display:flex;flex-wrap:wrap;gap:8px 18px;padding:14px 0;overflow-wrap:anywhere}.github-selected a{font-weight:650}.github-selected span{color:var(--della-muted,#4c5a70)}.github-browser{margin-top:20px;border:1px solid var(--della-line,#dce3ef);border-radius:14px;background:var(--della-surface,#fff);padding:16px;min-width:0}.github-browser h4{overflow-wrap:anywhere}.github-browser ul{list-style:none;padding:0;margin:0;max-height:360px;overflow:auto}.github-browser li+li{border-top:1px solid var(--della-line,#edf0f5)}.github-browser li button{border:0;background:transparent;text-align:left;width:100%;justify-content:flex-start;overflow-wrap:anywhere;white-space:normal}.github-browser pre{max-height:420px;overflow:auto;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.github-connection :focus-visible{outline:3px solid var(--della-accent-border,#354ac5);outline-offset:3px}#github-feedback:empty{display:none}
@media(max-width:600px){.github-connection{padding:16px}.github-header .build-pill{margin-left:0;max-width:100%;overflow-wrap:anywhere}.github-details .primary{width:100%}.github-browser{padding:12px}}

.build-connection-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 32px));height:min(720px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--della-line,#dbe2ef);border-radius:24px;color:var(--della-ink,#243249);background:var(--della-surface,#fff);box-shadow:0 24px 80px #14264833;overflow:auto;overscroll-behavior:contain}.build-connection-dialog::backdrop{background:#17223966;backdrop-filter:blur(6px)}.build-connection-dialog>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-bottom:1px solid var(--della-line,#e3e8f0);background:var(--della-surface,#fffffffa);z-index:2}.build-connection-dialog>header h2{margin:0;font-size:23px;letter-spacing:-.5px}.build-connection-dialog>header button{min-width:44px;min-height:44px;font-size:24px}.build-connection-body{padding:24px 26px}.build-connection-body>p{line-height:1.6}.build-connection-body form{display:grid;gap:16px;margin-top:20px}.build-connection-body textarea{width:100%;box-sizing:border-box;margin-top:10px}.build-connection-body .check{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.build-connection-body .check input{flex:none;width:20px;height:20px;margin-top:2px}.build-connection-body button,.build-connection-body a.primary{min-height:44px}.build-connection-dialog .github-connection{border:0;box-shadow:none;background:transparent;padding:0;margin:0}.build-connection-dialog .github-header,.build-connection-dialog .github-connection>p:first-of-type,.build-connection-dialog #github-toggle{display:none}.build-connection-dialog .github-details{border:0;padding-top:0}.build-connection-dialog :focus-visible{outline:3px solid var(--della-accent-border,#354ac5);outline-offset:3px}.build-connection-body .builder-setup{padding:0;background:none}.build-connection-body .builder-setup h4{font-size:18px}.build-connection-body .builder-setup .form-actions{flex-wrap:wrap}
@media(max-width:600px){.build-connection-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.build-connection-dialog>header{padding:14px 18px}.build-connection-body{padding:18px}}
.build-route-choice{display:inline-flex;gap:4px;padding:4px;background:var(--della-soft,#e8edf5);border:1px solid var(--della-line,#dce3ee);border-radius:14px;margin:6px 0 10px}.build-route-choice button{min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--della-muted,#42516a);font:inherit;cursor:pointer}.build-route-choice button[aria-pressed="true"]{background:var(--della-surface,#fff);color:var(--della-accent,#172239);border-color:var(--della-line,#d3dceb);box-shadow:0 2px 5px #1722390d}.build-route-choice button:focus-visible{outline:3px solid var(--della-accent-border,#2e53db);outline-offset:2px}.build-connection-body>select{width:100%;margin-bottom:18px;min-height:44px}.build-connection-body>button{margin:6px 8px 6px 0}.build-connection-body>label{display:block;margin:16px 0 7px}@media(max-width:500px){.build-route-choice{display:flex}.build-route-choice button{flex:1;padding:10px}}

/* Connected account, full Blueprint review and the same external project. */
.lovable-connection{display:grid;gap:18px}.lovable-connection p{margin:0}.lovable-account{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--della-line,#dce5f2);border-radius:16px;background:var(--della-surface,#f6f9fd)}.lovable-account>div{flex:1}.connection-dot{width:10px;height:10px;border-radius:50%;background:#178653}.lovable-connection select{width:100%;min-height:44px}.lovable-connection .lovable-blueprint,.lovable-project{display:grid;gap:12px;padding:20px;border:1px solid var(--della-line,#dce5f2);border-radius:16px}.lovable-connection pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.65;max-height:320px;overflow:auto}.lovable-connection form{display:grid;gap:18px}.lovable-connection .check{align-items:flex-start;line-height:1.5}.lovable-connection button,.lovable-connection a{min-height:44px}.lovable-connection a.primary{display:inline-flex;align-items:center;justify-content:center}.lovable-connection :focus-visible{outline:3px solid var(--della-accent-border,#315ad0);outline-offset:3px}


/* R10/R53: distinct module sections, with selection independent of colour. */
.blueprint-document .bp-tabs{margin-bottom:24px}
.bp-advanced-nav{margin:0 0 24px;color:var(--della-muted,#53647b);font-size:14px}
.bp-advanced-nav>summary,.bp-requirement-details>summary{cursor:pointer;min-height:44px;align-content:center;padding:10px 0;font-weight:600}
.bp-advanced-nav nav{display:flex;flex-wrap:wrap;gap:18px;padding:8px 0}
.bp-modules{margin:0 0 32px;max-width:1000px}
.blueprint-document .bp-modules-heading h2{font-size:25px;letter-spacing:-.035em;margin:0 0 8px;line-height:1.25}
.bp-modules-heading p{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--della-muted,#53647b);max-width:65ch}
.bp-modules [data-category=customers]{--module-colour:var(--della-accent,#304ca7);--module-tint:var(--della-soft,#eef2fb)}
.bp-modules [data-category=services]{--module-colour:var(--della-teal,#116775);--module-tint:var(--della-teal-tint,#edf8f9)}
.bp-modules [data-category=operations]{--module-colour:var(--della-warn,#775013);--module-tint:var(--della-warn-tint,#fcf5e8)}
.bp-modules [data-category=health]{--module-colour:var(--della-ok,#24683e);--module-tint:var(--della-ok-tint,#eef8f1)}
.bp-modules [data-category=apps],.bp-modules [data-category=other]{--module-colour:var(--della-purple,#70419c);--module-tint:var(--della-purple-tint,#f5effb)}
.bp-module-selection{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:14px 18px;border:1px solid var(--della-line,#c5cedb);border-radius:14px;background:var(--della-surface,#fff)}
.bp-module-selection-heading{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--della-ink,#18243c)}
.bp-selection-mark{display:grid;place-items:center;width:22px;height:22px;color:var(--della-ok,#24683e);background:var(--della-ok-tint,#eef8f1);border-radius:50%}.bp-selection-mark svg{width:16px;height:16px}
.bp-module-selection>p{font-size:14px;color:var(--della-muted,#53647b);margin:12px 0 0}
.bp-module-selected-chips{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:180px}
.bp-module-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--module-colour);border-radius:9px;background:var(--module-tint);color:var(--module-colour);font-size:14px;white-space:normal;text-align:left}
.bp-module-chip>span{width:6px;height:6px;flex:none;border-radius:50%;background:var(--module-colour)}
.blueprint-document .bp-modules .bp-module-selection .bp-module-explanations{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:14px}
.blueprint-document .bp-modules .bp-module-explanations>summary{display:flex;justify-content:flex-start;gap:10px;width:fit-content;min-height:44px;padding:8px 0;font-size:13px;font-weight:400;color:var(--della-muted,#53647b)}
.blueprint-document .bp-modules .bp-module-explanations>summary::after{margin-left:4px}
.bp-module-explanations[open]{flex-basis:100%}.bp-module-explanations ul{list-style:none;margin:0;padding:0}.bp-module-explanations li{padding:14px 0;border-top:1px solid var(--della-line,#dce4ef)}
.bp-module-explanations li>span{font-size:12px;color:var(--della-muted,#53647b);margin-left:12px}.bp-module-explanations p{font-size:14px;line-height:1.6;margin:8px 0;color:var(--della-muted,#53647b);overflow-wrap:anywhere}
.bp-module-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 14px}
.bp-module-nav button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--della-line,#c5cedb);border-radius:9px;background:transparent;color:var(--della-muted,#53647b);font-size:13px}
.bp-module-nav svg{width:18px;height:18px;color:var(--module-colour)}.bp-module-nav button:hover{background:var(--module-tint);color:var(--module-colour)}
.bp-module-groups{display:grid;gap:28px}
.blueprint-document .bp-modules .bp-module-group{padding:0;margin:0;min-width:0;border:1px solid var(--della-line,#c5cedb);border-radius:16px;overflow:hidden;background:var(--della-surface,#fff)}
.bp-module-list{list-style:none;margin:0;padding:0;border:0;background:transparent}
.bp-module-category{display:flex;align-items:center;gap:12px;padding:18px 22px 14px;border-top:1px solid var(--della-line,#c5cedb);background:var(--module-tint)}
.bp-module-category:first-child{border-top:0}.bp-module-category-icon{display:grid;place-items:center;width:30px;height:30px;color:var(--module-colour);flex:none}.bp-module-category-icon svg{width:24px;height:24px}
.blueprint-document .bp-modules .bp-module-group .bp-module-category h3{margin:0;font-size:16px;font-weight:650;line-height:1.4;color:var(--module-colour);scroll-margin-block:24px}
.bp-module-category>span:last-child{margin-left:auto;font-size:12px;color:var(--module-colour);white-space:nowrap}
.bp-module-list>.bp-module{margin:0;padding:0;border:0;background:transparent}
.bp-module-list>.bp-module+.bp-module{border-top:1px solid var(--della-line,#e4e9f0)}
.blueprint-document .bp-modules .bp-module-toggle{display:flex;align-items:center;gap:16px;width:100%;min-height:76px;padding:14px 22px;border:0;border-radius:0;background:transparent;color:var(--della-ink,#18243c);font:inherit;text-align:left;white-space:normal;transition:background .15s;scroll-margin-block:24px}
.blueprint-document .bp-modules .bp-module-toggle:hover{background:var(--della-soft,#f4f6fb)}
.blueprint-document .bp-modules .bp-module-toggle[aria-checked=true]{background:var(--module-tint);box-shadow:inset 3px 0 var(--module-colour)}
.bp-module-check{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1.5px solid var(--della-line-strong,#7c8ca6);border-radius:6px;background:var(--della-surface,#fff)}
.bp-module-check svg{width:18px;height:18px;visibility:hidden}.bp-module-toggle[aria-checked=true] .bp-module-check{border-color:var(--module-colour);background:var(--module-colour);color:var(--della-surface,#fff)}.bp-module-toggle[aria-checked=true] .bp-module-check svg{visibility:visible}
.bp-module-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.bp-module-name{font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.bp-module-description{font-size:14px;line-height:1.5;color:var(--della-muted,#53647b);overflow-wrap:anywhere}
.bp-module-reason{font-size:12px;line-height:1.4;padding:5px 9px;border-radius:6px;flex:none;color:var(--module-colour);background:var(--module-tint)}
.bp-modules button:focus-visible{outline:3px solid var(--della-accent-border,#3154ce);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.blueprint-document .bp-modules .bp-module-toggle{transition:none}}
.blueprint-document .bp-design-hero{padding:24px;border-radius:16px;gap:20px;margin-bottom:24px}
.bp-plan-summary article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--della-line,#c5cedb)}
.bp-plan-summary h3{margin:0 0 8px;font-size:17px}.bp-plan-summary p{margin:0;font-size:14px;line-height:1.6;color:var(--della-muted,#53647b)}
.bp-plan-summary button{flex-shrink:0}
.bp-requirement-details{border-top:1px solid var(--della-line,#c5cedb);padding:10px 0;margin:20px 0}.bp-requirement-details[open]>summary{margin-bottom:18px}
.blueprint-document .bp-design-intro h2{font-size:24px}
@media(max-width:680px){.blueprint-document .bp-modules .bp-module-toggle{padding:14px;gap:12px;flex-wrap:wrap;align-items:flex-start}.bp-module-check{margin-top:3px}.bp-module-copy{flex-basis:calc(100% - 40px)}.bp-module-reason{margin-left:34px}.bp-module-category{padding:16px 14px;gap:8px}.blueprint-document .bp-modules .bp-module-group .bp-module-category h3{font-size:15px}.bp-module-category>span:last-child{font-size:12px;white-space:normal;text-align:right;max-width:78px}.bp-module-category-icon{width:24px}.bp-module-selection{padding:16px}.bp-module-nav{gap:8px}.bp-module-nav button{padding:8px 10px}.blueprint-document .bp-modules-heading h2{font-size:23px}.blueprint-document .bp-design-hero{grid-template-columns:1fr;padding:20px}.bp-plan-summary article{align-items:flex-start;flex-direction:column}.blueprint-heading-actions{flex-wrap:wrap}}
/* Selection and exploration are separate, equally reachable controls. */
.blueprint-document .bp-modules .bp-module{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:stretch}
.blueprint-document .bp-modules .bp-module[data-selected=true]{background:var(--module-tint);box-shadow:inset 3px 0 var(--module-colour)}
.blueprint-document .bp-modules .bp-module-toggle{width:64px;min-height:76px;justify-content:center;padding:12px;box-shadow:none;background:transparent}
.blueprint-document .bp-modules .bp-module-preview{display:flex;align-items:center;gap:18px;min-width:0;min-height:76px;width:100%;text-align:left;white-space:normal;border:0;border-radius:0;background:transparent;color:var(--della-ink,#18243c);padding:14px 22px 14px 0;font:inherit;transition:background .15s}
.blueprint-document .bp-modules .bp-module-preview:hover{background:var(--della-soft,#f4f6fb)}
.bp-module-preview-link{font-size:12px;font-weight:600;white-space:nowrap;color:var(--module-colour);padding:8px 10px;border:1px solid var(--della-line,#c5cedb);border-radius:8px}
@media(max-width:680px){.blueprint-document .bp-modules .bp-module{grid-template-columns:48px minmax(0,1fr)}.blueprint-document .bp-modules .bp-module-toggle{width:48px;align-items:flex-start;padding:17px 10px}.blueprint-document .bp-modules .bp-module-preview{padding:14px 14px 14px 0;gap:8px;flex-wrap:wrap}.bp-module-preview .bp-module-copy{flex-basis:100%}.bp-module-preview .bp-module-reason{margin-left:0}.bp-module-preview-link{margin-left:auto}.bp-module-preview .bp-module-name{font-size:15px}}
@media(prefers-reduced-motion:reduce){.blueprint-document .bp-modules .bp-module-preview{transition:none}}
/* The Blueprint is a three-step path: the request, feature choices, then a combined mockup. */
.bp-tabs .bp-tab{gap:10px;justify-content:flex-start;flex:1 1 0;padding:12px 16px}
.bp-tabs .bp-tab-number{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid var(--della-line-strong,#7c8ca6);border-radius:50%;font-size:12px}
.bp-tabs .bp-tab[aria-current=page] .bp-tab-number{color:var(--della-surface,#fff);background:var(--della-accent,#304ca7);border-color:var(--della-accent,#304ca7)}
.bp-your-brief{max-width:980px}.blueprint-document .bp-your-brief .bp-brief-goal{border:1px solid var(--della-line,#c5cedb);border-radius:18px;padding:28px 30px;background:var(--della-surface,#fff);margin:0 0 24px;box-shadow:inset 4px 0 var(--della-accent,#304ca7)}
/* Made by PROMETHEUS ALOHA. A short goal, its outcome and its reason have distinct reading levels. */
.bp-goal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.bp-goal-heading>.text-link{flex-shrink:0}
.blueprint-document .bp-brief-goal h3{margin:8px 0 0;font-size:14px;font-weight:500;color:var(--della-muted,#536580)}
.blueprint-document .bp-brief-goal .bp-goal-title{font-size:clamp(22px,2.1vw,28px);font-weight:600;line-height:1.3;color:var(--della-ink,#18243c);letter-spacing:-.025em;margin:0 0 24px;overflow-wrap:anywhere;max-width:42ch}
.blueprint-document .bp-brief-goal .bp-goal-plain{font-size:17px;line-height:1.65;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-width:65ch}
.bp-goal-details{display:grid;gap:18px;margin:0;max-width:65ch}.bp-goal-details dt{font-size:13px;font-weight:600;color:var(--della-ink,#18243c);margin-bottom:5px}.bp-goal-details dd{font-size:16px;line-height:1.6;color:var(--della-muted,#536580);margin:0;overflow-wrap:anywhere}
.blueprint-document .bp-goal-original{border:0;border-top:1px solid var(--della-line,#c5cedb);border-radius:0;background:none;box-shadow:none;padding:12px 0 0;margin:22px 0 0}.blueprint-document .bp-goal-original>summary{min-height:44px;align-content:center;padding:0;font-size:13px;color:var(--della-muted,#536580);cursor:pointer}.bp-goal-original blockquote{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 4px;padding:0 0 0 14px;border-left:2px solid var(--della-line,#c5cedb);color:var(--della-muted,#536580)}
.blueprint-document .bp-your-brief .bp-brief-points{padding:24px 0;border:0;border-top:1px solid var(--della-line,#c5cedb);border-radius:0;background:transparent;margin:0}.blueprint-document .bp-brief-points h3{font-size:16px;margin:0 0 16px}.bp-brief-points ul{margin:0;padding:0 0 0 22px;line-height:1.7;color:var(--della-ink,#18243c)}.bp-brief-points li{padding:0 0 10px 5px;font-size:15px;overflow-wrap:anywhere}.bp-brief-points li::marker{color:var(--della-accent,#304ca7)}
.bp-brief-point{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.bp-brief-point>span{min-width:0;white-space:pre-wrap;padding-top:9px}.bp-brief-point>.text-link{flex-shrink:0;min-width:44px;min-height:44px}
.bp-step-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid var(--della-line,#c5cedb)}.bp-step-actions:has(>button:only-child){justify-content:flex-end}.bp-step-actions :is(button,a){min-height:44px;display:inline-flex;align-items:center}.bp-step-actions button{padding:12px 18px;border-radius:10px}.bp-your-brief .text-link{min-height:44px;display:inline-flex;align-items:center}
.bp-site-preview{--site-ink:#2f343d;--site-muted:#606771;--site-line:#d7dbe0;--ink:#2f343d;--text:#2f343d;--muted:#606771;--faint:#606771;background:#fff;border:1px solid var(--site-line);border-radius:15px;overflow:hidden;box-shadow:0 12px 30px #11182710;color:var(--site-ink)}.bp-site-preview *{box-sizing:border-box}.bp-site-preview button,.bp-site-preview select{font:inherit;cursor:pointer}.bp-site-preview button:focus-visible,.bp-site-preview select:focus-visible{outline:3px solid #4054a8;outline-offset:-3px}.bp-site-preview [tabindex="-1"]:focus{outline:none}
.bp-site-browser{display:flex;align-items:center;gap:18px;min-height:48px;padding:12px 18px;border-bottom:1px solid var(--site-line);background:#f1f3f5;font-size:12px}.bp-site-browser>span:nth-child(2){flex:1;overflow-wrap:anywhere}.bp-site-browser-kind{color:var(--site-muted)}.bp-site-dots{display:flex;gap:5px}.bp-site-dots i{width:7px;height:7px;border:1px solid #9da3ad;border-radius:50%;background:#d7dbe0}.bp-site-sample{font-size:11px;color:var(--site-muted);white-space:nowrap}
.bp-site-layout{display:grid;grid-template-columns:195px minmax(0,1fr);align-items:start}.bp-site-navigation{display:flex;flex-direction:column;gap:3px;max-height:690px;overflow:auto;padding:20px 12px;min-width:0}.bp-site-navigation>span{font-size:10px;letter-spacing:.13em;color:var(--site-muted);margin:4px 12px 14px}.bp-site-navigation>button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--site-muted);font-size:12px;text-align:left;white-space:normal}.bp-site-navigation>button>span{font-size:18px;flex:none}.bp-site-navigation>button:hover{background:#f5f6f8}.bp-site-navigation>button[aria-current=page]{background:#e9edf2;border-color:#c7ced8;color:var(--site-ink);font-weight:650}
.bp-site-page{min-width:0;border-left:1px solid var(--site-line);max-height:690px;overflow:auto;overscroll-behavior:contain;container-type:inline-size;scrollbar-gutter:stable}.bp-site-mobile-menu{display:none}
.bp-site-preview .bpm-demo{--bpm-bg:#fafbfc;--bpm-ink:#2f343d;--bpm-muted:#606771;--bpm-line:#d7dbe0;--bpm-accent:#475569;--bpm-soft:#edf0f4;--ink:#2f343d;--text:#2f343d;--muted:#606771;--faint:#606771;--della-ink:#2f343d;--della-muted:#606771;border-radius:0;min-height:570px;font-size:14px}.bp-site-preview .bpm-appbar{padding:14px 22px;background:#fff}.bp-site-preview .bpm-brand-mark{background:#e9edf2;border:1px solid #c7ced8;color:#475569}.bp-site-preview .bpm-brand{font-size:16px}.bp-site-preview .bpm-sample-tag{display:none}.bp-site-preview .bpm-scene{padding:24px}.bp-site-preview .bpm-scene-heading{margin-bottom:18px}.bp-site-preview .bpm-scene-heading>.bpm-overline{display:none}.bp-site-preview .bpm-scene-heading h3{font-size:26px!important;letter-spacing:-.035em}.bp-site-preview .bpm-scene-heading p{font-size:13px}.bp-site-preview .bpm-tabs{margin-bottom:18px}.bp-site-preview .bpm-metric{padding:15px}.bp-site-preview .bpm-metric>strong{font-size:28px}.bp-site-preview .bpm-card,.bp-site-preview .bpm-metric,.bp-site-preview .bpm-feature-card{background:#fff;border-radius:9px}.bp-site-preview .bpm-art{height:130px;filter:grayscale(1);opacity:.75}.bp-site-preview .bpm-art span{box-shadow:none}.bp-site-preview .bpm-health-main{background:#f1f4f1}.bp-site-preview .bpm-enter{animation:none}.bp-site-preview .bpm-feature-card{animation:none}.bp-site-preview .bpm-phone{box-shadow:none}.bp-site-preview .bpm-person-hero h3{font-size:24px}.bp-site-preview .bpm-demo-status{font-size:12px}.bp-site-preview .bpm-detail-hero{grid-template-columns:150px 1fr;gap:20px}
.bp-site-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--della-muted,#53647b)}.bp-site-caption .text-link{font-size:12px;min-height:44px}.bp-site-announcement:empty{display:none}.bp-site-announcement{font-size:13px;color:var(--della-ink,#18243c);margin-top:12px}
@media(max-width:800px){.bp-tabs .bp-tab{font-size:13px;gap:8px;padding:10px}.bp-site-layout{grid-template-columns:165px minmax(0,1fr)}.bp-site-navigation{padding:16px 8px}.bp-site-navigation>button{font-size:11px;padding:10px}.bp-site-preview .bpm-detail-hero{grid-template-columns:1fr}}
@media(max-width:600px){.bp-tabs{display:grid;grid-template-columns:1fr;gap:4px;padding:5px}.bp-tabs .bp-tab{justify-content:flex-start;min-height:44px;font-size:14px}.blueprint-document .bp-your-brief .bp-brief-goal{padding:22px}.bp-step-actions{align-items:stretch;flex-direction:column}.bp-step-actions button{justify-content:center;width:100%}.bp-site-layout{grid-template-columns:1fr}.bp-site-navigation{display:none}.bp-site-page{border-left:0;max-height:none;scrollbar-gutter:auto}.bp-site-mobile-menu{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--site-line)}.bp-site-mobile-menu label{font-size:12px;color:#606771!important}.blueprint-document .bp-site-mobile-menu select{flex:1;width:0;min-height:44px;border:1px solid #a5adb9;border-radius:7px;padding:8px;font-size:14px;background:#fff!important;color:#2f343d!important}.bp-site-browser{gap:10px;padding:12px 14px}.bp-site-browser-kind{display:none}.bp-site-preview .bpm-scene{padding:18px 14px}.bp-site-preview .bpm-appbar{padding:14px}.bp-site-caption .text-link{font-size:12px;text-align:left;white-space:normal}.bp-site-caption{gap:0}}
.bp-tabs .bp-tab{flex-direction:row}
.bp-site-preview{--surface:#fff;--line:#d7dbe0;--line-strong:#a5adb9;--accent:#475569;--della-soft:#edf0f4;--della-accent:#475569}
.bp-site-preview .bp-site-navigation>button{background:transparent;color:var(--site-muted);flex-direction:row}
.bp-site-preview .bp-site-navigation>button:hover{background:#f5f6f8}
.bp-site-preview .bp-site-navigation>button[aria-current=page]{background:#e9edf2;color:var(--site-ink)}

/* Saved change requests in Build → Refine. */
.build-refine-panel form,.build-refine-panel fieldset{display:grid;gap:12px;min-width:0}.build-refine-panel fieldset{margin:0;padding:0;border:0}.build-refine-panel textarea,.build-refine-panel select{width:100%;box-sizing:border-box}.build-refine-panel button{min-height:44px;white-space:normal}.build-refine-panel :focus-visible{outline:3px solid #315ad0;outline-offset:3px}
/* Blueprint items are edited in a modal without moving the page beneath it. */
.brief-modal.living-product-brief{position:fixed;inset:0;width:min(720px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--della-line,#c5cedb);border-radius:18px;background:var(--della-surface,#fff);color:var(--della-ink,#18243c);box-shadow:0 24px 80px #15234340;overflow:auto;overscroll-behavior:contain}
.brief-modal::backdrop{background:#13213f80}
.brief-modal.blueprint-document .brief-editor{margin:0;border:0;border-radius:0;padding:24px;box-shadow:none}
.brief-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.brief-modal-heading h2{margin:0;font-size:22px}.brief-modal-heading>button{flex-shrink:0;width:44px;min-height:44px;font-size:28px}
.brief-modal .brief-more{border-top:1px solid var(--della-line,#c5cedb);padding:0;margin:4px 0}.brief-modal .brief-more[open]{display:grid;gap:12px}.brief-modal .brief-more>summary{min-height:44px;cursor:pointer}.brief-modal .brief-more>label{display:block;margin:14px 0 8px}.brief-modal #brief-editor-error:not([hidden]){border-left:3px solid currentColor;padding:10px 14px;margin:4px 0;color:var(--della-ink,#18243c)}
.brief-modal .brief-editor-actions{position:sticky;bottom:0;padding:16px 0 0;background:var(--della-surface,#fff);gap:12px}.brief-modal .brief-editor-actions>.text-link{margin-left:auto}.brief-modal p{overflow-wrap:anywhere;white-space:pre-wrap}
.bp-brief-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.blueprint-document .bp-brief-section-heading h3{margin:0}.bp-brief-section-heading>button{flex-shrink:0}.bp-brief-point-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.bp-brief-point-actions>button{min-width:44px;min-height:44px}.bp-brief-empty{font-size:14px;color:var(--della-muted,#536580);margin:8px 0 16px}
@media(max-width:600px){.brief-modal.living-product-brief{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.brief-modal.blueprint-document .brief-editor{padding:18px}.brief-modal .brief-editor-actions{bottom:0}.bp-brief-section-heading{align-items:flex-start;flex-direction:column;gap:4px}.bp-brief-point{flex-wrap:wrap;gap:0}.bp-brief-point>span{flex-basis:100%}.bp-brief-point-actions{gap:20px}.brief-modal .brief-editor-actions>.text-link{margin-left:0}}

.brief-modal.living-product-brief:has(.brief-remove-confirmation){width:min(460px,calc(100vw - 24px))}.brief-remove-confirmation .della-dialog-head{margin:0}.brief-modal .brief-remove-confirmation h2{font-size:24px;letter-spacing:-.5px}.brief-modal .brief-remove-confirmation p{margin:0;line-height:1.6}.brief-remove-item{margin:2px 0;padding:14px 16px;border:1px solid var(--della-line,#c5cedb);border-radius:10px;background:var(--della-soft,#f0f3fa);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto}.brief-remove-history{font-size:13px;color:var(--della-muted,#536580)}.brief-modal .brief-remove-confirmation .brief-editor-actions{justify-content:flex-end;padding-top:10px}.brief-remove-confirmation .della-dialog-mark{background:var(--della-accent,#315ad0)}

/* Confirmed connections remain visible with text and account identity, not colour alone. */
.build-connected-services:empty{display:none}
.build-connected-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:18px 0}
.build-connection-confirmation{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin:14px 0;border:1px solid var(--della-ok,#245d48);border-radius:12px;background:var(--della-ok-tint,#e7f3ed);color:var(--della-ink,#19283a);min-width:0}
.build-connected-services .build-connection-confirmation{margin:0}
.build-connection-confirmation>div{min-width:0;flex:1}
.build-connection-confirmation strong{display:block;color:var(--della-ok,#245d48);font-size:16px;line-height:1.5}
.build-connection-check{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;color:var(--della-ok,#245d48);border:1px solid currentColor;font-weight:700}
.build-connection-confirmation .build-connection-account{margin:5px 0 0;color:var(--della-ink,#19283a);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.build-connection-confirmation .build-connection-detail{margin:6px 0 0;color:var(--della-muted,#4e5c72);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.build-method[data-connected="true"] .build-connection-badge{padding:5px 9px;border-radius:6px;background:var(--della-ok-tint,#e7f3ed);color:var(--della-ok,#245d48);font-weight:700}
.build-control-room .build-method>.build-connected-account{margin:0;color:var(--della-ink,#19283a);font-size:12px;overflow-wrap:anywhere;max-width:100%}

/* R10/R12: keyboard-operable private Azure preview, sized for narrow screens. */
.azure-product-preview{box-sizing:border-box;width:min(1120px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid var(--della-line,#c5cedb);border-radius:18px;background:var(--della-surface,#fff);color:var(--della-text,#17243a)}
.azure-product-preview::backdrop{background:#07101db3}
.azure-product-preview iframe{display:block;border:1px solid var(--della-line,#c5cedb);margin-top:20px;max-width:100%;background:#fff}
.azure-product-preview button,.build-azure-panel button{min-height:44px;margin:4px 8px 4px 0}
.azure-product-preview :focus-visible,.build-azure-panel :focus-visible{outline:3px solid var(--della-accent-border,#354ac5);outline-offset:3px}
.build-azure-panel fieldset{min-width:0;border:0;padding:0}
.build-azure-panel code,.build-azure-panel li{overflow-wrap:anywhere}
.build-azure-panel article{padding:16px 0;border-bottom:1px solid var(--della-line,#c5cedb)}
@media(max-width:600px){.azure-product-preview{padding:16px}.azure-product-preview iframe{height:65dvh}}