/* Shared visual language. System fonts and local assets keep the workspace self-contained. */
:root{--ink:#1c2540;--muted:#606b81;--accent:#5546d9;--accent-soft:#f0edff;--line:#e5e8f0;--canvas:#f7f8fc;--surface:#fff;--nav:#141a2e}
body{background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{transition:background .15s,border-color .15s,box-shadow .15s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9387ff;outline-offset:3px}
button.primary{background:var(--accent);border:1px solid var(--accent);box-shadow:0 3px 7px #5546d91a;min-height:42px}
button.primary:not(:disabled):hover{background:#4435bc;border-color:#4435bc}
button.secondary{border-color:#dce0eb;color:#38445d;background:#fff;min-height:40px}
button.secondary:not(:disabled):hover{background:#f5f3ff;border-color:#c5bcff;color:#4435bc}
button.danger{color:#a92533;border-color:#e8bec4}button.text-button{color:var(--accent)}
input,select,textarea{color:var(--ink);border-color:#dce1ec;border-radius:9px;min-height:42px}input::placeholder,textarea::placeholder{color:#7b8497}
.muted{color:var(--muted)}.eyebrow{color:#70648f;font-size:10px;letter-spacing:.13em;font-weight:750}.eyebrow.light{color:#d4ceff}
h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-weight:750}h2{font-size:23px}h3{font-size:17px}
.shell{grid-template-columns:236px minmax(0,1fr)}
.side{background:var(--nav);padding:24px 14px 12px;display:flex;flex-direction:column;height:100dvh;overflow:hidden;position:sticky;top:0;border-right:1px solid #202740}
.brand{display:flex;align-items:center;gap:10px;padding:0 8px 23px;font-size:18px;letter-spacing:-.04em;flex:none}.brand-symbol{width:34px;height:34px;border-radius:10px;background:#b9efda;color:#152b28;display:grid;place-items:center;font-size:29px;font-weight:550}.brand small{display:block;font-size:7px;letter-spacing:.12em;margin-top:3px;font-weight:650;color:#aab4cb}
.nav-finder{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #38415b;background:#20283f;color:#d9dfed;padding:10px 12px;border-radius:9px;margin-bottom:15px;font-size:12px;text-align:left;flex:none}.nav-finder kbd{font:10px inherit;color:#aab4cb;border:1px solid #505a72;border-radius:4px;padding:1px 4px}
.nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3c455f transparent;padding-right:3px;min-height:0;flex:1}
.nav button{display:flex;align-items:center;gap:11px;color:#bfc8dc;font-size:12px;font-weight:550;min-height:36px;padding:8px 12px;margin:2px 0;border-radius:8px;line-height:1.35}.nav button .nav-label{min-width:0}.nav-icon{width:17px;height:17px;flex:none;opacity:.85}
.nav .active{background:#7764f5;color:#fff;box-shadow:0 4px 14px #0000001a}.nav button:not(:disabled):hover{background:#29324c;color:#fff}.nav button.active:not(:disabled):hover{background:#7764f5}.nav .nav-heading{font-size:9px;color:#8793ae;margin:20px 12px 7px;letter-spacing:.12em}
.nav-more{margin-top:16px;border-top:1px solid #303950;padding-top:8px}.nav-more summary{color:#aab4cb;font-size:11px;font-weight:650;padding:11px;cursor:pointer;list-style-position:inside}.nav-more[open] summary{color:#fff}.nav-footer{display:flex;align-items:center;gap:8px;color:#8f9bb5;font-size:10px;border-top:1px solid #303950;padding:16px 9px 3px;margin-top:12px;flex:none}.workspace-indicator{width:6px;height:6px;border-radius:100%;background:#a8dac9}
.main{padding:0 36px 40px;max-width:1800px;margin:0 auto;width:100%;min-width:0}.main:focus{outline:0}
.top{height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);margin-bottom:24px}.workspace-switcher{display:block;min-width:130px;max-width:290px}.workspace-switcher>span{display:block;color:#788197;font-size:9px;letter-spacing:.1em;font-weight:750;padding-left:2px}.workspace-switcher input{width:100%;min-height:28px;margin-top:2px;padding:3px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:inherit;font-size:12px}.workspace-switcher select{width:100%;border:0;background:transparent;padding:3px 18px 3px 0;min-height:30px;font-size:13px;font-weight:700;text-overflow:ellipsis}
.top-tools{display:flex;gap:10px;align-items:center;min-width:0}.global-search-wrap{position:relative;display:flex;min-width:0}.top .search{background:#fff;width:245px;min-width:0;padding:10px 32px 10px 13px;font-size:12px;flex:auto}.global-search-wrap>span:last-child{position:absolute;right:12px;top:10px;color:#8a93a7}.signout-button{font-size:12px;padding:8px 11px}.quick-create{white-space:nowrap;font-size:12px;padding:8px 16px}
.dashboard-dayline{display:flex;justify-content:space-between;align-items:center;color:#778197;font-size:11px}.dashboard-dayline button{font-size:11px}
.hero{margin:23px 0 25px;gap:18px}.hero h1{font-size:31px;margin:5px 0 8px;letter-spacing:-.045em}.hero .muted{font-size:13px}.hero>.secondary{font-size:12px}.hero #verifyNotice{width:100%;font-size:11px}.hero #verifyNotice:empty{display:none}.hero #verifyNotice p{margin:0}.hero #verifyNotice button{background:transparent;border:0;color:var(--accent);text-decoration:underline}
.cards{gap:12px;margin:0 0 22px}.card{border-color:var(--line);box-shadow:0 2px 5px #16214403;border-radius:14px;padding:22px}.kpi-card{min-height:139px;padding:21px 18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.kpi-card>.muted{font-size:11px;max-width:100%;padding-top:31px}.kpi-icon{left:18px;right:auto;top:17px;width:27px;height:27px;border-radius:8px;font-size:15px}.metric{font-size:28px;letter-spacing:-.04em;margin-top:3px;line-height:1.2}.kpi-card:hover,.kpi-card:focus-visible{transform:none;box-shadow:0 6px 18px #1a25410a;border-color:#c3baff}
.dashboard-primary{grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:20px}.ai{background:linear-gradient(120deg,#292348,#34305d);border:1px solid #454065;border-radius:16px;padding:26px;box-shadow:none;color:#f7f6ff}.ai h2{font-size:25px;margin:7px 0 9px}.aihead{gap:25px;align-items:start}.aihead>div>div{font-size:12px;color:#c5c2dc;max-width:450px}.aihead>.primary{background:#e0d9ff;color:#372761;border-color:#e0d9ff;white-space:nowrap;font-size:11px}.operator-command-form label{font-size:11px;color:#d4d0e8;margin-top:20px}.operator-command-form input{font-size:12px;padding:10px 12px}.operator-command-form button{font-size:11px}.operator-command{border:0;background:transparent;padding:0;margin-top:12px;font-size:11px;color:#c6c2dc}.operator-command span{color:#e1ddec}.ai .status-message:empty{display:none}
.business-panel{padding:22px}.panel-heading{margin-bottom:18px}.panel-heading h3{font-size:16px;margin-top:5px}.panel-heading .text-button{font-size:11px}.business-list{gap:9px}.business-row{padding:10px;border-color:var(--line);background:#fafbfe;font-size:12px;border-radius:10px}.business-row.current{border-color:#d8d1fb;background:#f6f4ff}.business-avatar{width:33px;height:33px;border-radius:9px;background:#e4defb;color:#53449a}.business-row .muted{font-size:10px;margin-top:3px}
.dashboard-grid{gap:20px;margin-top:20px}.dashboard-list-item{font-size:12px;padding:13px 0;white-space:normal;line-height:1.45}.dashboard-list-item .muted{font-size:11px;font-weight:400;margin-top:4px}.attention-button{align-items:start;font-size:12px;padding:14px 0}.attention-button span{font-size:11px;flex:none}.empty-dashboard{font-size:12px;line-height:1.7}.verification-badge{color:#5c5885;background:#f1effa;font-size:10px;font-weight:500}.performance-stat{background:#f7f8fc}.performance-stat .muted{font-size:11px}.performance-stat strong{font-size:23px}.source-row{font-size:12px}.source-row progress::-webkit-progress-value{background:#9485e9}
.workspace-page{margin-top:30px}.workspace-page-header{border:0;padding-bottom:0;margin-bottom:24px}.workspace-page-header h1{font-size:31px;margin-top:8px}.workspace-page-header>.secondary{font-size:12px}.workspace-page #drawerBody{border-color:var(--line);box-shadow:0 2px 8px #1c254004;border-radius:16px;padding:28px}.workspace-page .page-intro{font-size:13px;line-height:1.7}.workspace-page form{line-height:1.6}.workspace-page label{font-size:12px;color:#3c4760}.workspace-page .drawer-control{margin:6px 0 17px}.workspace-page .builder-fields legend{font-size:17px}.record-context{background:#f8f9fd;border-color:var(--line)}.record-context h2{font-size:16px}.builder-save-state{color:#6c617e;font-size:12px;background:#f6f4fc;border-radius:9px;padding:10px 13px}.builder-actions{border-color:var(--line);padding-top:20px}.ai-composer .builder-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pipeline-stage{background:#f8f9fd;border-color:var(--line)}.conversation-row,.message-card,.invoice-sheet{border-color:var(--line)}.tag{background:#f0eef8;color:#5b5276;font-size:11px}.loading-state{border-color:var(--line);font-size:13px}.spinner{border-color:#e5e0fa;border-top-color:var(--accent)}
.workspace-launcher{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 60px);padding:25px;border:1px solid #e3dfef;border-radius:18px;color:var(--ink);box-shadow:0 30px 100px #0f132e40;background:#fff;overflow:auto}.workspace-launcher::backdrop{background:#141a2e80;backdrop-filter:blur(3px)}.workspace-launcher header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:20px}.workspace-launcher h2{font-size:23px;margin:7px 0 0}.launcher-close{padding:6px 12px}.workspace-launcher>input{width:100%;font-size:15px;background:#f9f8fd;border-color:#d9d2f3;min-height:48px}.workspace-launcher>p{font-size:11px;margin:10px 0 16px}.launcher-results{display:grid;gap:4px;max-height:390px;overflow:auto;overscroll-behavior:contain}.launcher-result{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid transparent;text-align:left;padding:13px 12px;border-radius:10px;color:var(--ink);min-height:50px}.launcher-result:hover,.launcher-result:focus-visible{background:#f4f1ff;border-color:#d6cefa}.launcher-result>span:first-child{flex:1}.launcher-result b{display:block;font-size:13px}.launcher-result small{color:var(--muted);font-size:11px}.launcher-result .launch-arrow{color:#9b91c5}.workspace-launcher footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:14px;color:#848b9e;font-size:10px}.launcher-empty{padding:24px 12px;color:var(--muted);font-size:13px}
.auth{background:radial-gradient(ellipse at 20% 10%,#e4dffb,transparent 60%),#f5f6fb}.authbox{border:1px solid #e2dfee;box-shadow:0 20px 70px #30295612;border-radius:20px}.authbox h1{font-size:26px;color:#34275c}
@media(min-width:1600px){.main{padding-left:52px;padding-right:52px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid .performance-panel{grid-column:1/-1}}
@media(max-width:1150px){.top .search{width:180px}.main{padding-left:24px;padding-right:24px}.top-tools{gap:7px}.dashboard-primary{grid-template-columns:minmax(0,1fr)}.business-panel{min-height:0}.business-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.aihead{gap:16px}.cards{gap:8px}.kpi-card{padding:17px 12px}.kpi-icon{left:12px}.metric{font-size:25px}}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.side{position:fixed;left:-260px;top:0;bottom:0;width:250px;height:100dvh;z-index:31}.main{padding:0 22px 30px}.top{height:auto;min-height:80px;padding:14px 0;flex-wrap:wrap;gap:10px}.menu-button{display:inline-block;font-size:12px}.workspace-switcher{flex:1;max-width:none}.top-tools{width:100%;display:flex}.global-search-wrap{flex:1}.top .search{width:100%;max-width:none}.workspace-page{margin-top:24px}.workspace-page #drawerBody{padding:24px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{min-height:128px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:28px}.dashboard-primary{gap:16px}.demo-banner:not(.hidden)~.shell{padding-top:58px}}
@media(max-width:520px){.main{padding:0 16px 24px}.top{margin-bottom:18px}.top-tools{gap:6px}.top .search{font-size:11px;padding-left:9px}.signout-button{font-size:11px;padding:7px 9px}.quick-create{padding:7px 10px;font-size:11px}.hero{margin:22px 0}.hero h1{font-size:27px}.hero .muted{font-size:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card{min-height:128px;padding:17px}.kpi-icon{left:17px}.cards .kpi-card:last-child{grid-column:1/-1;min-height:88px;padding-left:62px;justify-content:center}.cards .kpi-card:last-child .kpi-icon{top:30px}.cards .kpi-card:last-child .muted{padding-top:0}.ai{padding:21px}.aihead{display:block}.aihead>.primary{margin-top:15px}.ai h2{font-size:23px}.operator-command-form div{flex-direction:column}.operator-command-form button{min-height:42px}.card{padding:20px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-page-header{gap:16px}.workspace-page-header h1{font-size:27px}.workspace-page #drawerBody{padding:20px 16px}.workspace-launcher{padding:20px;max-height:calc(100dvh - 30px)}.workspace-launcher h2{font-size:21px}.workspace-launcher footer{font-size:9px}.attention-button{flex-wrap:wrap}.demo-banner{font-size:11px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.workspace-launcher::backdrop{backdrop-filter:none}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Bounded directories use a table-like desktop rhythm and readable mobile cards. */
.directory-filters{display:flex;gap:12px;align-items:end;max-width:none!important;background:#f8f9fc;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:22px}.directory-filters>div{min-width:0}.directory-filters label{display:block;margin-bottom:5px}.directory-filters input,.directory-filters select{width:100%;font-size:12px}.directory-search{flex:1}.directory-filters>button{flex:none}.directory-heading,.directory-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) 42px;gap:18px;align-items:center}.directory-heading{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#717a90;padding:12px 16px;border-bottom:1px solid var(--line)}.directory-row{padding:18px 16px;border-bottom:1px solid var(--line);font-size:12px;position:relative}.directory-person{display:flex;gap:12px;align-items:center;min-width:0}.directory-person>div{min-width:0}.directory-person .muted{display:block;font-size:11px;margin-top:3px;overflow-wrap:anywhere}.directory-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eeeafb;color:#6650a2;font-weight:700;flex:none}.directory-name{color:var(--ink);background:transparent;border:0;padding:0;text-align:left;font-size:13px;font-weight:700;overflow-wrap:anywhere}.directory-name:hover{color:var(--accent);text-decoration:underline}.directory-secondary>span,.directory-secondary>small{display:block}.directory-menu summary{cursor:pointer;list-style:none;padding:8px;border-radius:8px;text-align:center;color:#70798e}.directory-menu summary:hover{background:#f0edfb}.directory-menu[open]{z-index:2}.directory-menu>div{position:absolute;right:12px;top:64px;display:grid;gap:8px;width:230px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px #15203a1f}.directory-menu label{font-size:11px}.directory-menu select{width:100%;font-size:12px}.directory-menu button{font-size:12px;text-align:left}.directory-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:22px;font-size:12px}.directory-pagination>div{display:flex;gap:8px}.directory-pagination button{font-size:12px}.directory-empty{text-align:center;padding:55px 20px}.directory-empty h2{font-size:20px}.directory-create{max-width:780px!important}.directory-create h2{font-size:20px;margin:0 0 24px}
@media(max-width:1100px){.directory-filters{flex-wrap:wrap}.directory-search{flex-basis:100%}.directory-filters>div:not(.directory-search){flex:1}}
@media(max-width:650px){.directory-heading{display:none}.directory-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:20px 0}.directory-person{grid-column:1/-1}.directory-secondary{grid-column:1}.directory-menu{grid-column:2;grid-row:2/4}.directory-menu>div{top:auto;right:0}.directory-filters{padding:12px;gap:10px}.directory-pagination{align-items:start;flex-wrap:wrap}.directory-pagination button{min-width:76px}}
.builder-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:20px}.builder-project{border-color:var(--line);padding:24px;margin:0;display:flex;flex-direction:column;gap:8px}.builder-project h2{font-size:20px;margin:12px 0 0}.builder-project p{margin:0;font-size:13px}.builder-project>.muted{font-size:12px}.project-card-top,.project-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.project-card-bottom{margin-top:auto;padding-top:22px;font-size:11px}.project-card-bottom button{font-size:12px}.project-symbol{display:grid;place-items:center;background:#f0eaff;color:#7956b2;width:40px;height:40px;border-radius:12px;font-size:26px}.builder-status{background:#f2effb;color:#615285;font-size:10px}.design-presets{margin-bottom:28px}.design-presets h2{font-size:18px;margin:0 0 8px}.design-presets>p{font-size:12px;margin:0 0 14px}.design-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.design-preset{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px;text-align:left;min-width:0;color:var(--ink)}.design-preset[aria-pressed="true"]{border-color:#9885eb;box-shadow:0 0 0 2px #ece6ff;background:#fcfbff}.design-preset strong{display:block;font-size:12px;margin-top:10px}.design-preset small{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin-top:4px}.preset-sketch{display:flex;height:72px;border-radius:5px;background:#e9f7f3;flex-direction:column;padding:12px 9px;gap:5px}.preset-sketch i{height:4px;background:#baded4;border-radius:2px;width:65%}.preset-sketch i:nth-child(2){width:85%}.preset-sketch i:nth-child(3){width:50%;height:3px}.preset-sketch b{width:25px;height:9px;border-radius:3px;background:#168879;margin-top:3px}.preset-focus .preset-sketch{background:#eeebfc;align-items:center}.preset-focus i{background:#d0c7ef}.preset-focus b{background:#6753b7}.preset-warm .preset-sketch{background:#fff2df;align-items:center}.preset-warm i{background:#e7ccaa}.preset-warm b{background:#9d6226}.builder-preview{background:#eef0f6;border:1px solid #e3e5ef;padding:16px;top:20px}.preview-toolbar{gap:6px}.preview-toolbar b{font-size:12px;margin-right:auto}.preview-toolbar button{font-size:10px;padding:6px 9px;min-height:32px}.preview-toolbar button[aria-pressed="true"]{background:#403764;border-color:#403764;color:#fff}.builder-preview>.muted{font-size:11px}.preview-scroll{background:#e6e8f0;border-radius:12px;padding:6px}.preview-scroll iframe{border-radius:8px;border-color:#d6d8e3}.builder-actions{align-items:center}.builder-fields>label{display:block}.builder-fields input[type="checkbox"]{min-height:0}
@media(max-width:520px){.design-presets h2{font-size:17px}.design-preset{padding:7px}.design-preset small{font-size:9px}.builder-preview{padding:10px}.preview-toolbar{gap:5px}.preview-toolbar b{width:100%;margin-bottom:4px}}
/* The command center is a full-page conversation, with complete work beside its decisions. */
.ai-welcome{max-width:780px;margin:12px auto 30px;text-align:center}.ai-welcome h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;line-height:1.15;margin:14px 0}.ai-welcome p{font-size:17px;line-height:1.7;color:#58647a}.ai-connection{display:inline-block;padding:7px 12px;border-radius:30px;background:#fff5db;color:#704900;font-size:13px}.ai-connection.connected{background:#e5f5ed;color:#236444}.ai-notice{background:#fff9ec;border:1px solid #eadab5;border-radius:14px;padding:18px;margin:16px 0;line-height:1.6}.ai-composer{max-width:900px;margin:24px auto;padding:20px;border:1px solid #d9d9ef;border-radius:20px;background:#fafaff;box-shadow:0 8px 25px #22234408}.ai-composer textarea{display:block;width:100%;min-height:110px;background:white;border:1px solid #d7dce7;border-radius:12px;padding:14px;font:inherit;resize:vertical}.ai-composer-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.ai-composer select{max-width:100%;padding:9px;border:1px solid #d7dce7;border-radius:9px;background:white;font:inherit}.ai-composer .builder-fields{padding:0;border:0}.ai-composer .builder-fields legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ai-composer .builder-save-state{display:none}.ai-composer-send-row{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end;margin-left:auto}.ai-composer-send-row:empty{display:none}.ai-composer .ai-composer-status{flex:1 1 auto;max-width:420px;margin:0;font-size:12px;line-height:1.4;text-align:right}.ai-composer .ai-composer-status:empty{display:none}.ai-conversation-list,.ai-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ai-conversation-card{display:grid;grid-template-columns:1fr auto;gap:9px;text-align:left;padding:22px;border:1px solid #e0e4ed;background:white;border-radius:16px;color:#26324b;font:inherit;cursor:pointer}.ai-conversation-card b{overflow-wrap:anywhere}.ai-conversation-card span:first-of-type{grid-column:1;font-size:13px;color:#667187}.ai-chat-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.ai-transcript{max-width:1100px;margin:auto}.ai-message{max-width:850px;padding:18px 22px;border-radius:18px;margin:20px 0;line-height:1.7;overflow-wrap:anywhere}.ai-message p,.ai-email-preview div{white-space:pre-wrap}.ai-message.human{margin-left:auto;background:#f0edff}.ai-message.assistant{background:#f6f8fb;border:1px solid #e8ecf3}.ai-message b{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#646b89}.ai-concepts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.ai-concept{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #dedeee;background:white;border-radius:18px;min-width:0}.ai-concept h3{font-size:21px;margin:8px 0}.ai-concept p{color:#59657a;line-height:1.6}.ai-concept-preview{width:100%;height:380px;border:1px solid #e2e4ee;border-radius:12px;background:white}.ai-concept>button{margin-top:auto}.ai-email-preview{padding:20px;background:#f7f8fb;border-radius:12px;line-height:1.7;overflow-wrap:anywhere}.ai-email-preview p{white-space:pre-wrap}.ai-proposal{border:1px solid #cfc7f7;border-radius:18px;padding:24px;background:#fbfaff;margin:22px 0}.ai-draft-previews details{background:white;border:1px solid #e3e3ef;border-radius:12px;padding:16px;margin:10px 0}.ai-draft-previews summary{cursor:pointer;font-weight:650;line-height:1.7}.ai-draft-previews summary span{font-size:12px;font-weight:400;margin-left:10px;color:#647087}.ai-draft-previews iframe{height:550px;margin-top:16px}.ai-approval-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.ai-next-action{display:inline-flex;flex-direction:column;text-align:left;gap:7px;padding:16px;margin:6px;border:1px solid #dcd8ed;border-radius:13px;background:white;color:#3b326a;max-width:330px;font:inherit;cursor:pointer}.ai-next-action span{font-size:13px;color:#657086}.ai-selection{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;background:#efecff;border-radius:14px}.ai-selection span{flex:1;min-width:200px}.ai-finished-assets{padding:24px 0}.ai-finished-assets>div:first-of-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ai-asset-link{display:flex;flex-direction:column;gap:8px;text-align:left;padding:18px;border:1px solid #dce2ec;border-radius:13px;background:#fff;color:#303d57;font:inherit;cursor:pointer}.ai-asset-link span{font-size:12px;color:#68758a}.ai-verified{color:#20634a;background:#ebf7f0;border-radius:12px;padding:16px}.ai-progress{max-width:900px;margin:15px auto;line-height:1.6;color:#4c4379}.ai-plan-grid article{padding:24px;border:1px solid #e0e3ec;border-radius:16px;background:#fff}.ai-plan-grid p,.ai-plan-grid li{line-height:1.75;color:#58647a}.ai-plan-grid h2{font-size:23px}.ai-workflow-preview li{padding:12px;line-height:1.6}.ai-connection-help{max-width:720px;margin:auto;line-height:1.8}@media(max-width:1100px){.ai-concepts{grid-template-columns:1fr}.ai-concept-preview{height:450px}}@media(max-width:650px){.ai-conversation-list,.ai-plan-grid,.ai-finished-assets>div:first-of-type{grid-template-columns:1fr}.ai-composer,.ai-proposal{padding:15px}.ai-message{padding:16px}.ai-composer-controls{align-items:stretch;flex-direction:column}.ai-composer-send-row{flex-direction:column;align-items:flex-start;margin-left:0}.ai-composer .builder-actions{flex-direction:column;align-items:flex-start}.ai-composer .ai-composer-status{max-width:none;text-align:left}.ai-next-action{max-width:100%;margin:6px 0}.ai-selection span{min-width:0}.ai-chat-toolbar button{flex:1}.ai-concept{padding:16px}}
.plan-edit-section{padding:20px;margin:15px 0;border:1px solid #dfe4ee;border-radius:14px;background:white}.plan-edit-section>summary{font-weight:700;cursor:pointer;font-size:17px}.plan-edit-section[open]>summary{margin-bottom:18px}.plan-edit-section textarea{width:100%}.plan-history{margin-top:24px}
/* Full-page workflow editing and exact action reviews. */
.automation-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:32px}.workflow-duration>div{display:flex;gap:8px}.workflow-duration input{min-width:0;width:65%}.workflow-duration select{min-width:0;flex:1}.workflow-duration input,.workflow-duration select{padding:12px;border:1px solid var(--line,#dce0e9);border-radius:10px;background:#fff;color:#18233c}.workflow-check{display:flex;align-items:center;gap:10px;margin:12px 0}.workflow-check input{width:auto}.workflow-stages{margin:20px 0;padding:18px;border:1px solid #dce0e9;border-radius:14px}.workflow-preview{align-self:start;position:sticky;top:24px}.workflow-timeline{list-style:none;padding:0}.workflow-timeline li{display:flex;gap:14px;padding:12px 0}.workflow-timeline li div{display:grid;gap:5px}.workflow-timeline span{color:#66718b;font-size:13px}.workflow-node{width:12px;height:12px;border:3px solid #6955dd;border-radius:50%;flex:none;margin-top:4px}.workflow-preview-note{padding:16px;background:#eeeafb;border-radius:12px;font-size:14px}.operation-changes{display:grid;gap:14px}.operation-changes article{border:1px solid #dce0e9;border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.operation-changes h4{grid-column:1/-1;margin:0}.operation-changes span{color:#66718b;font-size:12px;text-transform:uppercase}.operation-changes p{margin:6px 0;overflow-wrap:anywhere}.workflow-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid #eee;padding:12px 0}.workflow-settings dd{margin:0}.ai-operation{border-color:#b5a9eb}@media(max-width:760px){.automation-layout{grid-template-columns:1fr}.workflow-preview{position:static}.workflow-settings>div,.operation-changes article{grid-template-columns:1fr}.operation-changes h4{grid-column:auto}.workflow-duration>div{max-width:100%}}
.pipeline-setup-stages{display:grid;gap:18px;margin:24px 0}.pipeline-setup-stages article{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(120px,.5fr);gap:18px;padding:24px;border:1px solid #dce0e9;border-radius:18px;background:#fff;align-items:start}.pipeline-stage-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eeeafb;color:#5844b9;font-weight:700}.pipeline-setup-stages label{display:block;margin-bottom:8px}@media(max-width:600px){.pipeline-setup-stages article{grid-template-columns:1fr;padding:18px}.pipeline-stage-number{width:28px;height:28px}}

@media(max-width:650px){.ai-chat-toolbar button{flex:1 1 130px;min-width:120px;overflow-wrap:normal;word-break:normal}}
.ai-build-guide{margin:20px 0 28px;padding:24px;background:#f6f5fd;border:1px solid #dedbea;border-radius:18px}.ai-guide-heading h2{margin:9px 0;font-size:24px;letter-spacing:-.02em}.ai-guide-heading p{line-height:1.6;color:#526077;max-width:800px}.ai-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-guide-actions .ai-next-action{margin:0;max-width:none;width:100%;min-width:0;overflow-wrap:anywhere}.ai-guide-details{margin-top:18px;line-height:1.6}.ai-guide-details summary{cursor:pointer;font-weight:600;color:#42396d}.ai-guide-details ul{padding:0;list-style:none}.ai-guide-details li{padding:12px 0;border-bottom:1px solid #e2dfed;overflow-wrap:anywhere}.ai-guide-details li>div{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ai-guide-details li p{margin:5px 0;color:#526077}.ai-guide-state{font-size:12px;padding:3px 9px;background:white;border:1px solid #ddd9ed;border-radius:20px}.ai-starters{margin:14px 0}.ai-build-guide button:focus-visible,.ai-starters button:focus-visible{outline:3px solid #7567b7;outline-offset:3px}@media(max-width:650px){.ai-build-guide{padding:16px}.ai-guide-actions{grid-template-columns:1fr}}