:root{font-family:Inter,Arial,sans-serif;color:#292536;background:#faf9fc;font-synthesis:none;--brand:#2a1b63;--line:#e9e6ee;--muted:#7b7587}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9a9ec;outline-offset:3px}a{color:var(--brand)}h1,h2,h3,p{margin-top:0}h1{font-size:42px;letter-spacing:-1.6px;line-height:1.13;font-weight:550}h2{font-size:23px;letter-spacing:-.6px;font-weight:550}p{line-height:1.6}.muted,small{color:var(--muted);font-size:12px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:1.65px;color:var(--muted);font-weight:600}.brand{display:block}.brand img{width:126px;max-height:35px;object-fit:contain;object-position:left}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:10px;padding:12px 18px;background:var(--brand);color:white;text-decoration:none;font-size:13px;font-weight:550}.primary:hover{background:#392777}.secondary{background:white;color:var(--brand);border-color:var(--line)}.wide{width:100%}.quiet-link{text-decoration:none;font-size:12px}.icon-button{border:0;background:transparent;padding:8px;font-size:21px;color:#8d8799;border-radius:8px}.icon-button:hover{background:#f1edf8}footer{text-align:center;color:var(--muted);font-size:11px;margin-top:auto}.app{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;background:#f4f2f7;border-right:1px solid var(--line);padding:28px 18px 16px;display:flex;flex-direction:column}.sidebar .brand{margin:0 12px 38px}.workspace-label{display:flex;gap:10px;align-items:center;font-size:12px;margin:0 10px 25px}.workspace-label small{display:block;font-size:10px;margin-top:4px}.workspace-mark{border:1px solid #dfd7eb;background:white;border-radius:9px;padding:9px 11px;color:var(--brand);font-weight:600}.side-nav{margin:22px 0 26px;display:grid;gap:4px}.side-nav button,.history button{border:0;text-align:left;padding:11px 12px;border-radius:8px;background:transparent;font-size:12px;color:#6d657d}.side-nav button[aria-current],.side-nav button:hover,.history button:hover{background:#eae5f2;color:var(--brand)}.recent-label{margin:0 12px 10px}.history{overflow:auto;min-height:40px;display:flex;flex-direction:column;gap:3px}.history button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.history button[aria-current]{background:#fff;color:var(--brand)}.history .muted{padding:10px 12px}.sidebar-bottom{margin-top:auto;padding-top:20px}.device-short{width:100%;display:flex;align-items:center;gap:8px;border:1px solid #e4dfee;border-radius:9px;padding:12px 9px;background:#faf9fc;font-size:11px}.device-short span:last-child{margin-left:auto}.dot{width:6px;height:6px;border-radius:100%;background:#bab3c5;flex-shrink:0}.dot.online{background:#3a8c62}.account{display:flex;gap:9px;align-items:center;border-top:1px solid #e4dfeb;margin-top:16px;padding:17px 3px 0;font-size:12px}.account .icon-button{margin-left:auto}.avatar{display:grid;place-items:center;background:#e6def4;color:var(--brand);border-radius:100%;height:28px;width:28px;font-size:11px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 35px;background:#ffffffaa;font-size:12px}.separator{color:#c4becd;margin:0 13px}.chat-view{max-width:970px;padding:0 46px 30px;margin:auto;min-height:calc(100vh - 72px);display:flex;flex-direction:column}.intro{padding-top:clamp(50px,10vh,120px);text-align:center;margin-bottom:46px}.intro h1{margin:17px 0}.intro p{font-size:14px;color:var(--muted)}.starter-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:620px;margin:35px auto 0}.starter{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 20px;text-align:left;display:grid;grid-template-columns:30px 1fr;column-gap:10px;row-gap:6px}.starter:hover{border-color:#c5b4e4;box-shadow:0 3px 14px #2a1b6306}.starter-icon{grid-row:span 2;font-size:23px;color:#aa98c7}.starter strong{font-size:12px;font-weight:550}.starter>span:last-child{color:var(--muted);font-size:11px}.composer-wrap{width:100%;margin-top:auto;padding-top:24px}.composer{background:#fff;border:1px solid #ded7e8;border-radius:16px;box-shadow:0 5px 25px #2a1b6305}.composer:focus-within{border-color:#af9cd2;box-shadow:0 0 0 3px #b4a3d510}.composer textarea{background:transparent;border:0;resize:vertical;min-height:110px;max-height:270px;padding:22px 23px 8px;width:100%;font-size:14px;line-height:1.6;color:#30283e;outline:none}.composer textarea::placeholder{color:#a69eb3}.composer-toolbar{display:flex;align-items:center;gap:9px;padding:8px 13px 13px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:white;color:#736884;font-size:11px}.segmented{display:flex;gap:2px;border:0;background:#f3f0f7;padding:3px;border-radius:7px;margin:0;font-size:10px}.segmented label{cursor:pointer;position:relative}.segmented input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.segmented span{display:block;padding:6px 8px;border-radius:5px;color:#877d95}.segmented input:checked+span{background:#fff;color:var(--brand);box-shadow:0 1px 4px #2a1b6309}.segmented input:focus-visible+span{outline:2px solid #9f88cf}.base-select select{max-width:160px;border:0;background:transparent;color:#8c819d;font-size:10px;padding:7px 0}.send{border:0;background:var(--brand);border-radius:9px;width:34px;height:34px;color:#fff;font-size:22px;margin-left:auto}.composer-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9b92a8;padding:12px 3px}.context-chip{display:flex;align-items:center;gap:12px;background:#f1ecf8;border:1px solid #e9dff3;border-radius:9px;padding:11px 14px;margin-bottom:10px;color:var(--brand);font-size:12px}.context-chip strong{font-weight:550}.context-chip small{display:block;margin-top:4px}.context-chip button{margin-left:auto;padding:2px 8px}.conversation{padding:30px 0 10px}.message{margin:0 0 24px;max-width:90%;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;background:#f0ebf7;border:1px solid #e9e0f3;border-radius:14px 14px 3px 14px;padding:18px 21px}.message.agent{background:#fff;border:1px solid var(--line);border-radius:3px 14px 14px 14px;padding:20px 23px}.message-label{display:block;font-size:10px;color:#9485a9;letter-spacing:.8px;margin-bottom:10px;white-space:normal}.message-title{font-size:17px;line-height:1.4;font-weight:500}.message-status{color:var(--brand);font-size:12px}.job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;white-space:normal}.job-actions button,.job-actions a{border:1px solid var(--line);border-radius:7px;background:white;font-size:11px;padding:7px 10px;color:var(--brand);text-decoration:none}.job-actions a{word-break:break-all}.assets-view{padding:42px 36px;max-width:1320px;margin:auto}.assets-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.assets-heading h1{font-size:32px;margin:12px 0}.assets-heading p{font-size:13px;color:var(--muted);margin:0}.assets-heading .primary{font-size:11px;flex-shrink:0}.library-summary{font-size:12px;line-height:1.7;background:#f1edf7;border:1px solid #e6dff0;padding:15px 18px;border-radius:10px;color:#75638d}.assets-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 22px;flex-wrap:wrap}.assets-tools nav{display:flex;gap:5px;flex-wrap:wrap}.assets-tools nav button{border:0;background:transparent;border-radius:7px;padding:8px 11px;color:#84768f;font-size:11px}.assets-tools nav button[aria-pressed=true]{background:#eae2f5;color:var(--brand)}.assets-tools input{font-size:12px;width:220px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.asset-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:left;min-height:200px;display:flex;flex-direction:column;gap:10px}.asset-card:hover{border-color:#bda9db}.asset-card h3{margin:0;font-size:15px;font-weight:550}.asset-card p{color:var(--muted);font-size:11px;line-height:1.6;margin:0}.asset-card .asset-level{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#a698b6}.asset-card .asset-count{font-size:10px;color:#8a7b9c;margin-top:auto;padding-top:12px}.asset-card .native{font-size:9px;color:#527663;border:1px solid #d3e6da;background:#f1f8f3;border-radius:20px;padding:4px 7px;align-self:flex-start}.asset-art{font-size:26px;color:#b9a8d6;background:#faf7fe;border-radius:7px;height:65px;display:grid;place-items:center;letter-spacing:7px}#notice{margin:16px 35px 0;padding:12px 16px;border:1px solid #e7d7ba;background:#fff9ed;color:#7f6842;border-radius:9px;font-size:12px;line-height:1.5}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;color:inherit;max-width:620px;width:calc(100% - 32px);max-height:88vh;overflow:auto;box-shadow:0 25px 100px #1f123b22}dialog::backdrop{background:#1e103e38;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.dialog-head h2{margin:8px 0 0}.dialog-head>.icon-button{margin-top:-6px}dialog p,dialog li{font-size:13px;color:var(--muted);line-height:1.7}dialog label{font-size:12px;display:block}input,select{border:1px solid #e2dbea;background:white;border-radius:8px;padding:11px 12px;max-width:100%;color:inherit}dialog input,dialog select{width:100%;margin-top:8px}#initiative-search{width:100%;margin:0 0 20px}.initiative-results{display:grid;gap:8px}.initiative-option{border:1px solid var(--line);background:white;border-radius:9px;text-align:left;padding:15px;display:grid;gap:7px}.initiative-option:hover{background:#f9f5fe;border-color:#cbb9e6}.initiative-option strong{font-size:13px;font-weight:500}.initiative-option span{font-size:11px;color:var(--muted)}#initiative-more{margin-top:15px;width:100%}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.device-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.device-row small{display:block}.device-row button{font-size:11px;background:transparent;border:0;color:#9476af}summary{font-size:12px;color:var(--brand);cursor:pointer;margin:16px 0}pre{font-size:11px;line-height:1.8;background:#f2edf8;border-radius:8px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}.pairing{padding:17px;background:#f3eef9;border:1px solid #e0d4ef;border-radius:10px}.pairing strong{font-size:23px;letter-spacing:4px;display:block;margin-bottom:18px}.upload{border:1px dashed #c8b6df;border-radius:12px;padding:30px 20px;margin-bottom:22px;text-align:center}.upload input{border:0}.preview-dialog{width:calc(100% - 60px);max-width:1320px;height:90vh;padding:18px;overflow:hidden}.preview-dialog .dialog-head{margin:0 0 14px}.preview-dialog h2{font-size:17px;margin:5px}.preview-dialog iframe{width:100%;height:calc(100% - 50px);border:1px solid var(--line);border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(max-width:1050px){.app{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:25px 12px 12px}.chat-view{padding:0 24px 24px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assets-heading{display:block}.assets-heading .primary{margin-top:20px}}@media(max-width:700px){.app{display:block}.sidebar{height:auto;position:static;padding:15px 18px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 auto 0 0}.sidebar .brand img{width:100px}.workspace-label,.recent-label,.history,.account{display:none}.sidebar>.wide{width:auto;font-size:11px;padding:9px 12px}.side-nav{display:flex;margin:0;order:3}.side-nav button{padding:8px;font-size:11px}.sidebar-bottom{margin:0 0 0 auto;padding:0;order:4}.device-short{padding:7px;border:0;background:transparent;font-size:10px}.topbar{height:53px;padding:0 19px;font-size:10px}.topbar .muted{font-size:10px}.chat-view{min-height:calc(100vh - 157px);padding:0 18px 15px}.intro{padding-top:46px;margin-bottom:20px}.intro h1{font-size:34px}.intro p{font-size:12px}.starter-actions{gap:9px;margin-top:25px}.starter{padding:14px 12px;display:block}.starter-icon{display:block;margin-bottom:10px}.starter strong{font-size:11px;display:block;margin-bottom:6px}.starter>span:last-child{font-size:10px}.composer-toolbar{gap:7px;padding:8px}.composer textarea{font-size:13px;padding:18px}.composer-foot{font-size:9px}.conversation{padding-top:20px}.message{max-width:96%}.assets-view{padding:25px 18px}.assets-heading h1{font-size:28px}.asset-grid{gap:10px}.asset-card{padding:15px;min-height:180px}.asset-card p{font-size:10px}.asset-card h3{font-size:13px}dialog{padding:22px}.preview-dialog{width:calc(100% - 16px);padding:12px}.settings-row{grid-template-columns:1fr}#notice{margin:12px 18px 0}}

#mobile-history,#mobile-logout{display:none}@media(max-width:700px){#mobile-history{display:block;font-size:10px;padding:6px;max-width:165px}#mobile-logout{display:block;font-size:16px}.topbar>div>.muted,.topbar .separator,#page-title{display:none}.topbar{gap:12px}.topbar .quiet-link{margin-left:auto;font-size:10px}}
.connection-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 26px}.connection-steps li{flex:1;border-bottom:3px solid var(--line);padding:0 0 10px;font-size:11px;color:var(--muted)}.connection-steps li[aria-current]{color:var(--brand);border-color:var(--brand);font-weight:600}.connection-steps li[data-complete]{border-color:#78a98c}.connection-panel h3{font-size:18px;line-height:1.4;margin-bottom:10px}.connection-panel>.wide{margin:8px 0 18px}.connection-code{font-size:23px;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.connection-code::placeholder{font-size:16px;letter-spacing:1px;text-transform:none}.connection-back{border:0;background:transparent;color:var(--brand);padding:10px 0;font-size:12px}.connection-status{padding:18px;border-radius:12px;background:#f3eef9;border:1px solid #e0d4ef;margin-bottom:20px}.connection-status.ready{background:#f0f8f2;border-color:#cbe1d1}.connection-status p{margin:0}.setup-list{padding-left:22px}.setup-list>li{margin:20px 0}.setup-list p{margin:6px 0 12px}#pair-error{padding:12px;border-radius:8px;background:#fff2ee;color:#843c2d;font-size:12px}#connection-settings .settings-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:420px){.connection-steps{gap:5px}.connection-steps li{font-size:10px}.connection-code{font-size:20px}}
.execution-progress{white-space:normal;margin:16px 0;padding:20px;background:#f8f5fc;border:1px solid #e5dcef;border-radius:12px}.execution-progress>strong{display:block;font-size:15px;color:#33205c}.execution-clock{font-variant-numeric:tabular-nums;font-size:22px;font-weight:550;margin:10px 0 18px;color:#33205c}.execution-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:18px 0}.execution-steps li{border-top:3px solid #ded7e7;padding-top:8px;font-size:11px;color:#8d829b}.execution-steps li[aria-current]{border-color:#7352ad;color:#3b2263;font-weight:600}.execution-steps li[data-complete=true]{border-color:#78a28b;color:#3c7354}.execution-contact{font-size:12px;color:#387b54;margin:14px 0 8px}.execution-contact[data-stale=true]{color:#8b5e1a}.execution-detail,.execution-hint{font-size:12px;color:#766984;margin:6px 0;line-height:1.6}.delivery-ready{border-color:#a5c9b2!important}.delivery-announcement{padding:12px;background:#edf7ef;border-radius:8px;color:#2e6744;font-weight:550}@media(max-width:600px){.execution-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

.saved-design-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.saved-design-card h2{font-size:17px}.saved-design-card .job-actions{display:flex;gap:12px;align-items:center}.design-permalink{display:block;word-break:break-all;margin:12px 0;font-size:12px}#design-search{max-width:480px;margin:12px 0 24px}#notice button{margin-left:12px}

/* Portal preferences are separate from the editor and the canvas. */
:root{--surface:#fff;--page:#faf9fc;--text:#292536;--soft:#f4f2f7;--selected:#eae5f2;--on-brand:#fff;color-scheme:light}
:root[data-theme=dark]{--surface:#242424;--page:#191919;--text:#f0f0f0;--soft:#202020;--selected:#333333;--brand:#c4adff;--on-brand:#221536;--line:#3c3c3c;--muted:#adadad;color-scheme:dark;color:var(--text);background:var(--page)}
.theme-toggle{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:8px;padding:8px 11px;font-size:12px;white-space:nowrap}.topbar .theme-toggle{margin-left:auto;margin-right:22px}.design-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 20px}.design-search-label{flex:1}#design-search{width:100%;margin:0;max-width:480px}.project-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.project-filters button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 13px;font-size:12px;color:var(--muted)}.project-filters button[aria-pressed=true]{background:var(--selected);color:var(--brand);border-color:var(--brand)}.project-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.project-heading h2{font-size:21px;margin:0}.project-count{font-size:12px;color:var(--muted)}.project-source{font-size:10px;color:var(--brand);border:1px solid var(--line);padding:4px 8px;border-radius:20px}.design-project-group{margin-bottom:34px}.saved-design-card h3{font-size:17px;font-weight:550;margin:15px 0 12px}.saved-design-card{display:flex;flex-direction:column}.saved-design-card .job-actions{margin-top:auto;padding-top:14px}.project-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}#project-name-label{margin-top:18px}
[data-theme=dark] .sidebar,[data-theme=dark] .segmented{background:var(--soft)}
[data-theme=dark] .topbar,[data-theme=dark] dialog,[data-theme=dark] .starter,[data-theme=dark] .composer,[data-theme=dark] .message.agent,[data-theme=dark] .asset-card,[data-theme=dark] .saved-design-card,[data-theme=dark] .initiative-option,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] .chip,[data-theme=dark] .secondary,[data-theme=dark] .workspace-mark,[data-theme=dark] .job-actions button,[data-theme=dark] .job-actions a,[data-theme=dark] .device-short{background:var(--surface);border-color:var(--line);color:var(--text)}
[data-theme=dark] .primary,[data-theme=dark] .send{background:var(--brand);color:var(--on-brand)}[data-theme=dark] .primary:hover{background:#d4c3ff}

[data-theme=dark] .brand img{filter:brightness(0) invert(1)}
[data-theme=dark] .side-nav button,[data-theme=dark] .history button,[data-theme=dark] .chip,[data-theme=dark] .base-select select,[data-theme=dark] .composer-foot,[data-theme=dark] .message-label,[data-theme=dark] .assets-tools nav button,[data-theme=dark] .asset-card .asset-level,[data-theme=dark] .asset-card .asset-count,[data-theme=dark] .execution-detail,[data-theme=dark] .execution-hint,[data-theme=dark] .segmented span{color:var(--muted)}
[data-theme=dark] .side-nav button[aria-current],[data-theme=dark] .side-nav button:hover,[data-theme=dark] .history button:hover,[data-theme=dark] .history button[aria-current],[data-theme=dark] .segmented input:checked+span,[data-theme=dark] .assets-tools nav button[aria-pressed=true],[data-theme=dark] .icon-button:hover{background:var(--selected);color:var(--brand)}
[data-theme=dark] .composer textarea{color:var(--text)}[data-theme=dark] .composer textarea::placeholder{color:var(--muted)}
[data-theme=dark] .context-chip,[data-theme=dark] .message.user,[data-theme=dark] .library-summary,[data-theme=dark] .pairing,[data-theme=dark] .connection-status,[data-theme=dark] pre,[data-theme=dark] .asset-art,[data-theme=dark] .execution-progress,[data-theme=dark] .avatar{background:#2b2b2b;border-color:var(--line);color:var(--brand)}
[data-theme=dark] .account{border-color:var(--line)}[data-theme=dark] .execution-clock,[data-theme=dark] .execution-progress>strong{color:var(--text)}[data-theme=dark] .execution-steps li{color:var(--muted);border-color:var(--line)}[data-theme=dark] .execution-steps li[aria-current]{color:var(--brand);border-color:var(--brand)}
[data-theme=dark] .delivery-announcement,[data-theme=dark] .connection-status.ready,[data-theme=dark] .asset-card .native{background:#213a2c;color:#b0dfbf;border-color:#41614c}[data-theme=dark] .execution-contact,[data-theme=dark] .execution-steps li[data-complete=true]{color:#9dd5b0}
[data-theme=dark] #notice,[data-theme=dark] #pair-error{background:#3b3022;border-color:#695436;color:#f1d3a4}[data-theme=dark] .execution-contact[data-stale=true]{color:#f1d3a4}[data-theme=dark] .initiative-option:hover{background:var(--selected)}
@media(max-width:700px){.topbar .theme-toggle{margin:0;padding:7px;font-size:10px}.topbar{padding-left:18px;padding-right:18px;gap:8px}.design-tools{align-items:stretch;flex-wrap:wrap}.design-search-label{flex-basis:100%}.project-heading{flex-wrap:wrap}.design-tools .secondary{font-size:12px}}
@media(max-width:700px){.topbar{flex-wrap:wrap;height:auto;min-height:72px;padding:12px 18px}.topbar>div{flex:1 1 100px}.topbar .theme-toggle{margin-left:auto}#mobile-history{max-width:130px}}

.brand.product-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);font-size:15px;font-weight:600;white-space:nowrap}.brand.product-brand img{width:24px;height:24px;object-fit:contain}.sidebar .brand.product-brand{margin-left:6px;margin-right:0}[data-theme=dark] dialog::backdrop{background:#0008}

[data-theme=dark] .brand.product-brand img{filter:none}