:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#17181a;background:#edf0f3;font-synthesis:none;--bg:#f8f9fb;--sidebar:#f0f1f4;--surface:#fff;--muted:#7b8190;--line:#e8e9ed;--blue:#3d82f6;--hover:#e6e7eb;--text:#17181a}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:transparent}button:focus-visible,a:focus-visible{outline:2px solid #89aefe;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#95b4ff;box-shadow:0 0 0 2px #e8eeff}textarea{resize:vertical}a{color:var(--blue);text-decoration:none}svg.icon{flex:none;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}#app{height:100dvh;min-height:560px;display:flex;border:1px solid #dfe2e7;border-radius:18px;overflow:hidden;background:var(--sidebar)}.sidebar{width:272px;min-width:272px;display:flex;flex-direction:column;padding:17px 13px 12px;background:var(--sidebar)}.window-controls{height:36px;display:flex;align-items:flex-start;padding:5px 0 0 0;gap:10px}.traffic{width:15px;height:15px;border-radius:50%;background:#ff5e62;box-shadow:inset 0 0 0 1px #00000008}.traffic.yellow{background:#ffbd00}.traffic.green{background:#26c64a}.collapse-button{margin-left:auto;color:#777e8b;padding:0 7px}.nav-items{display:grid;gap:3px}.nav-item{width:100%;text-align:left;display:flex;align-items:center;gap:12px;border-radius:8px;padding:9px 9px;font-size:16px;min-height:35px}.nav-item:hover,.agent-row:hover{background:#e6e7eb}.nav-item.active{background:#e4e5e9}.agent-heading{margin:28px 5px 12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;font-size:15px}.agent-heading button{opacity:0;padding:0;color:var(--muted)}.sidebar:hover .agent-heading button{opacity:1}.agent-group{margin-bottom:5px}.agent-row{display:flex;align-items:center;border-radius:7px;gap:10px;padding:8px 8px;cursor:pointer;font-size:16px}.agent-row button{padding:0;display:flex}.agent-row .agent-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agent-row .agent-more{opacity:0;color:var(--muted)}.agent-row:hover .agent-more{opacity:1}.history-list{margin-top:4px}.history-empty{margin:6px 0 0 32px;color:var(--muted);font-size:14px}.history-row{display:flex;gap:7px;text-align:left;width:100%;padding:8px 8px 8px 33px;border-radius:7px;align-items:center;font-size:14px}.history-row.active{background:#e2e3e8}.history-row:hover{background:#e7e8ec}.history-row span:first-child{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-row small{font-size:11px;color:#969ba5}.sidebar-bottom{display:flex;margin-top:auto;padding-top:20px;justify-content:space-between}.sidebar-bottom button{display:flex;align-items:center;gap:8px;font-size:16px;padding:6px}.sidebar-bottom button:hover{background:var(--hover);border-radius:6px}.main{background:var(--bg);border-left:1px solid var(--line);border-radius:17px 0 0 17px;flex:1;min-width:0;overflow:auto;position:relative}.security{position:absolute;top:22px;right:36px;color:#27b15d;display:flex;align-items:center;gap:7px;font-size:14px;z-index:2}.home-stage{min-height:100%;position:relative;padding-bottom:60px}.home-content{position:absolute;top:25.6%;left:50%;transform:translateX(-50%);width:min(860px,calc(100% - 100px));text-align:center}.brand-logo{margin:0 auto 24px;width:45px;height:45px;background:linear-gradient(#fff,#f3f4f7);border:1px solid #e8e9ed;box-shadow:0 1px 1px #0000000a;border-radius:11px;padding:4px}.brand-logo svg{width:100%;height:100%}.home-title{font-size:28px;line-height:1.4;margin:0 0 10px;font-weight:650;letter-spacing:1px}.home-subtitle{font-size:18px;color:var(--muted);line-height:1.6;margin:0 0 41px}.composer-wrap{text-align:left;background:#eeeff3;border-radius:18px}.composer{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 3px #0000001c;overflow:hidden;position:relative}.composer:focus-within{border-color:#aac1ff;box-shadow:0 0 0 1px #dce5ff,0 3px 12px #00000005}.composer textarea{width:100%;border:0;box-shadow:none;resize:none;display:block;height:84px;min-height:70px;padding:17px 18px 5px;font-size:16px;line-height:1.6;background:transparent}.composer textarea::placeholder{color:#b0b5bf}.composer-toolbar{display:flex;align-items:center;gap:7px;padding:8px 17px 12px;min-height:49px}.icon-button{padding:6px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#7c8290;gap:5px;flex:none}.icon-button:hover{background:#f0f1f5;color:#353941}.composer-toolbar .model-button{margin-left:auto;font-size:14px;display:flex;align-items:center;gap:8px;padding:5px;border-radius:7px;max-width:calc(100% - 150px)}.model-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-button svg{color:#7b8290}.model-button:hover{background:#f5f6f8}.send-button{border-radius:50%;background:#161719;color:#fff;padding:7px;display:flex}.send-button:disabled{background:#d2d3d6;opacity:1}.composer-context{display:flex;align-items:center;gap:18px;min-height:47px;padding:7px 22px;color:var(--muted);font-size:15px}.context-button{display:flex;align-items:center;gap:7px;padding:4px 2px;border-radius:4px;max-width:50%}.context-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-button:hover{background:#e3e4e9}.quick-actions{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:35px;flex-wrap:wrap}.quick-actions button{background:var(--surface);border:1px solid #f0f1f4;padding:10px 15px;display:flex;gap:8px;align-items:center;color:#7d8494;border-radius:24px;font-size:15px}.quick-actions button:hover{border-color:#cdd5e7;background:#fff;color:#444e66;transform:translateY(-1px)}.prototype-note{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:11px;color:#b0b5bf}.prototype-note button{color:inherit}.prototype-note button:hover{color:#7e8595}.attachments{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px 0}.attachment{display:flex;gap:5px;align-items:center;background:#f1f4fa;padding:5px 8px;border-radius:6px;font-size:12px;color:#67748c}.attachment button{font-size:14px}.mode-tag{font-size:11px;padding:4px 7px;background:#eef2ff;color:#7182c5;border-radius:5px;white-space:nowrap}.page-header{display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:14px 22px;border-bottom:1px solid var(--line)}.page-header h1,.page-header h2{margin:0;font-size:21px;font-weight:650}.page-body{padding:28px}.btn{padding:8px 15px;min-height:34px;border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);font-size:13px;white-space:nowrap}.btn:hover{background:#f1f3f7}.btn.primary,.btn-primary{color:#fff;background:var(--blue);border-color:var(--blue)}.btn.primary:hover{background:#2b70e7}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:#ef5350}.muted{color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-size:13px;font-weight:500}.field input,.field textarea,.field select{width:100%}.field small{color:var(--muted);font-size:12px;line-height:1.6}.switch{position:relative;width:35px;height:20px;border-radius:20px;background:#d0d4dc;flex:none;padding:0;vertical-align:middle}.switch:after{content:'';display:block;width:15px;height:15px;background:#fff;border-radius:50%;position:absolute;left:3px;top:2.5px;transition:all .15s}.switch.on,.switch.active,.switch[aria-checked=true]{background:var(--blue)}.switch.on:after,.switch.active:after,.switch[aria-checked=true]:after{left:17px}.modal-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:30px}.modal{background:var(--bg);border:1px solid #dfe1e6;border-radius:12px;width:min(540px,100%);max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 15px 65px #0003}.modal.wide{width:min(920px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line);gap:20px}.modal-header h2,.modal-header h3{margin:0;font-size:17px}.modal-header>button{color:var(--muted);display:flex;padding:3px}.modal-body{padding:22px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid var(--line)}#toast-root{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:200;pointer-events:none;display:grid;gap:8px}.toast{color:#303b37;background:white;padding:12px 18px;box-shadow:0 4px 28px #0002;border:1px solid #e5e9e6;border-radius:10px;display:flex;gap:9px;align-items:center;animation:toast-in .2s}.toast svg{color:#2eb467}.popover{position:fixed;background:var(--surface);z-index:40;border:1px solid #eaebef;border-radius:12px;box-shadow:0 5px 26px #0002;padding:7px;min-width:210px;max-width:390px;max-height:380px;overflow:auto}.popover .menu-item{width:100%;padding:9px 10px;border-radius:6px;display:flex;align-items:center;gap:10px;text-align:left;line-height:1.4}.popover .menu-item:hover{background:#f0f2f7}.popover .menu-item.selected{background:#edf2ff}.popover .menu-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover .menu-item small{font-size:11px;color:var(--muted)}.popover hr{border:0;border-top:1px solid var(--line);margin:5px}.popover-search{width:100%;padding:7px 8px;border-radius:6px;margin-bottom:5px}.popover-title{padding:5px 9px;color:var(--muted);font-size:11px}.popover .selected .icon-check{color:var(--blue)}.conversation{height:100%;display:flex;flex-direction:column}.conversation .page-header{flex:none;font-size:14px;padding:11px 22px;min-height:49px}.task-title{display:flex;align-items:center;gap:10px;font-weight:600}.chat-body{flex:1;overflow:auto;scroll-behavior:smooth;padding:28px 24px 18px}.chat-width{max-width:800px;margin:auto}.user-message{margin:10px 0 28px auto;background:#eceef3;padding:11px 17px;border-radius:16px;max-width:80%;width:fit-content;line-height:1.7;white-space:pre-wrap;font-size:14px}.assistant-message{line-height:1.9;font-size:14px;margin-bottom:28px}.assistant-message .reply-heading{display:flex;align-items:center;gap:8px;color:#7c8393;font-size:12px;margin-bottom:13px}.mini-logo{width:24px;height:24px;display:inline-flex}.mini-logo svg{width:24px;height:24px}.assistant-message p{margin-bottom:10px}.assistant-message h3{font-size:17px;margin:18px 0 10px}.assistant-message ol{padding-left:22px}.assistant-message li{margin-bottom:8px}.thinking{display:flex;align-items:center;gap:7px;font-size:12px;padding:7px 11px;border:1px solid var(--line);border-radius:7px;color:#8991a1;margin-bottom:16px;cursor:pointer}.thinking .chevron{margin-left:auto}.thinking-text{font-size:12px;color:#9299a6;background:#f1f3f7;padding:12px;border-radius:5px;margin-bottom:15px}.chat-actions{display:flex;gap:4px;margin-top:12px}.chat-actions .icon-button{padding:4px;color:#9ba2af}.chat-composer{padding:5px 25px 12px;max-width:850px;width:100%;margin:0 auto;flex:none}.chat-composer .composer-wrap{background:transparent}.chat-composer .composer textarea{height:58px;font-size:14px}.chat-composer .composer-toolbar{padding:6px 12px 10px}.chat-composer .composer-context{min-height:33px;padding:8px 12px 0;font-size:12px}.chat-composer .context-button svg{width:15px;height:15px}.chat-disclaimer{margin-left:auto;color:#b4b9c4;font-size:10px}.artifact-card{display:flex;align-items:center;border:1px solid var(--line);padding:13px 16px;border-radius:8px;background:var(--surface);gap:13px;margin-top:20px}.artifact-card>svg{color:var(--blue)}.artifact-card div{flex:1}.artifact-card strong{display:block;font-size:13px}.artifact-card small{color:#8a91a0;font-size:11px}.artifact-panel{position:fixed;z-index:20;right:0;top:1px;bottom:1px;width:44%;background:var(--bg);border-left:1px solid var(--line);box-shadow:-5px 0 20px #00000006}.artifact-panel .page-header{font-size:12px;padding:12px 15px;min-height:46px}.artifact-document{margin:0;background:#111317;color:#e0e3eb;height:calc(100% - 46px);overflow:auto;padding:40px}.artifact-document .eyebrow{color:#4c8cfe;font-size:10px;letter-spacing:3px;margin-bottom:20px}.artifact-document h1{font-size:24px}.artifact-document>p{font-size:12px;color:#8a93a4;margin-bottom:25px}.brief-card{background:#1a1d24;border:1px solid #262b35;border-radius:9px;margin:12px 0;padding:18px;font-size:12px;line-height:1.9}.brief-card h3{font-size:14px;color:#e3e6ed;margin-bottom:12px}.brief-card p{color:#b5bdcb}.brief-card span{color:#699cf3;font-size:10px;background:#22334f;padding:3px 5px;border-radius:3px;margin-right:5px}.with-artifact .conversation{width:56%}.with-artifact .chat-composer{padding-left:22px;padding-right:22px}.with-artifact .model-button{font-size:11px}.empty-state{text-align:center;padding:80px 20px;color:var(--muted)}.empty-state svg{margin-bottom:16px;color:#b5bdcb}.empty-state h3{color:#444b57}.sidebar-collapsed .sidebar{width:64px;min-width:64px;padding-left:10px;padding-right:10px}.sidebar-collapsed .nav-item{justify-content:center;padding:10px}.sidebar-collapsed .nav-item span,.sidebar-collapsed .traffic,.sidebar-collapsed .agent-heading,.sidebar-collapsed .agent-group,.sidebar-collapsed .sidebar-bottom span{display:none}.sidebar-collapsed .window-controls{justify-content:center}.sidebar-collapsed .collapse-button{margin:0;padding:0}.sidebar-collapsed .sidebar-bottom{flex-direction:column;align-items:center;gap:12px}.sidebar-collapsed .nav-items{gap:6px}@keyframes toast-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-height:1100px){.home-content{top:27%}}@media(max-height:720px){.home-content{top:18%}.home-subtitle{margin-bottom:28px}.quick-actions{margin-top:25px}.brand-logo{margin-bottom:15px}}@media(max-width:1050px){.sidebar{width:220px;min-width:220px}.home-content{width:calc(100% - 64px)}.quick-actions button{padding:9px 11px;font-size:13px}.model-button{font-size:12px!important}.composer-context{font-size:13px}.security{right:24px}.artifact-panel{width:50%}.with-artifact .conversation{width:50%}.with-artifact .model-button{max-width:130px}}@media(max-width:700px){#app{border-radius:0;border:0;min-height:480px}.sidebar{width:58px;min-width:58px;padding:15px 7px}.traffic,.collapse-button,.agent-heading,.agent-group,.sidebar-bottom span,.nav-item span{display:none}.window-controls{height:32px}.nav-item{padding:11px;justify-content:center}.sidebar-bottom{flex-direction:column;align-items:center;gap:12px}.main{border-radius:0}.home-content{width:calc(100% - 34px);top:23%}.home-title{font-size:24px}.home-subtitle{font-size:13px;margin-bottom:28px}.composer textarea{font-size:14px;height:88px;padding:14px}.composer-toolbar{padding:6px 10px 10px;gap:1px}.composer-toolbar>.icon-button{padding:5px}.model-button{font-size:11px!important;gap:3px!important}.model-button svg{width:13px}.composer-context{padding:7px 13px;gap:10px;font-size:12px}.quick-actions{gap:6px;margin-top:25px}.quick-actions button{font-size:11px;padding:8px 10px}.quick-actions button svg{width:15px;height:15px}.security{top:18px;right:17px;font-size:11px}.security svg{width:15px}.prototype-note{font-size:10px}.modal-backdrop{padding:15px}.modal{max-height:calc(100dvh - 30px)}.page-body{padding:18px}.chat-body{padding:18px}.chat-composer{padding:6px 14px 10px}.artifact-panel{width:calc(100% - 58px);z-index:25}.with-artifact .conversation{width:100%}.artifact-document{padding:25px}.chat-disclaimer{display:none}}

/* Match the proportions of the reference desktop window. */
@media(min-width:1051px){.sidebar{width:19.1%;min-width:224px}.home-content{width:74.3%;max-width:1040px}}
@media(min-width:701px) and (max-height:720px){.home-content{top:23%}}
.artifact-panel{position:absolute}.with-artifact{overflow:hidden}
@media(max-width:700px){.artifact-panel{width:100%}}
:root[data-theme="dark"]{--bg:#1d1e22;--sidebar:#24252b;--surface:#292b31;--muted:#a2a8b7;--line:#393c44;--text:#e9ebf1;color:var(--text);background:#202126}
[data-theme="dark"] .composer-wrap,[data-theme="dark"] .history-row.active,[data-theme="dark"] .nav-item.active{background:#30323a}
[data-theme="dark"] .nav-item:hover,[data-theme="dark"] .agent-row:hover,[data-theme="dark"] .btn:hover,[data-theme="dark"] .icon-button:hover,[data-theme="dark"] .popover .menu-item:hover{background:#383b45}
[data-theme="dark"] .quick-actions button{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .home-title,[data-theme="dark"] .wf-header h1,[data-theme="dark"] .catalog-page-header h1{color:var(--text)}
[data-theme="dark"] .user-message,[data-theme="dark"] .thinking-text{background:#333640}