:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17191a;background:#f8f8f7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17191a;--muted: #686967;--line: #dededb;--surface: #ffffff;--sidebar: #17191a;--sidebar-soft: #292c2d;--accent: #ff3838;--accent-dark: #e7272b;--radius: 12px}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgb(255 56 56 / 24%);outline-offset:2px}.app-shell{display:flex;width:100vw;height:100vh;background:#f8f8f7}.sidebar{position:relative;z-index:20;display:flex;flex:0 0 294px;flex-direction:column;height:100vh;padding:21px 16px 18px;color:#f5f5f3;background:linear-gradient(150deg,#191b1c,#121516)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 22px}.brand{color:#f8f8f6;font-size:31px;font-weight:760;letter-spacing:-1.7px;text-decoration:none}.brand span{color:var(--accent)}.mobile-close{display:none!important;color:#fff!important}.new-thread{display:flex;align-items:center;gap:13px;width:100%;min-height:49px;padding:0 17px;border:0;border-radius:9px;color:#fff;background:var(--accent);font-size:16px;font-weight:650;cursor:pointer;box-shadow:0 8px 24px #ff383824}.new-thread:hover{background:#ff4646}.new-thread svg{width:22px;height:22px;stroke-width:2.2}.primary-nav{display:grid;gap:3px;padding:13px 0 14px;border-bottom:1px solid #343738}.primary-nav button,.settings-button{display:flex;align-items:center;gap:13px;width:100%;min-height:46px;padding:0 16px;border:0;border-radius:8px;color:#d8d8d5;background:transparent;font-size:15px;text-align:left;cursor:pointer}.primary-nav button:hover,.primary-nav button.active,.settings-button:hover{color:#fff;background:#2c2f30}.primary-nav svg,.settings-button svg{width:21px;height:21px;stroke-width:1.8}.recent-block{min-height:0;flex:1;padding-top:19px;overflow:hidden}.sidebar-label{margin:0 7px 11px;color:#a9aaa8;font-size:12px;font-weight:500}.recent-list{display:grid;gap:0}.recent-list button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:0 7px;border:0;border-radius:8px;color:#eeeeeb;background:transparent;cursor:pointer}.recent-list button:hover{background:#242728}.recent-list button svg{width:18px;height:18px;stroke-width:1.7}.recent-list button span{overflow:hidden;font-size:12.5px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.recent-list time{color:#acada9;font-size:10.5px;white-space:nowrap}.empty-recent{margin:16px 7px;color:#929390;font-size:12px;line-height:1.5}.sidebar-bottom{padding-top:8px;border-top:1px solid #343738}.settings-button{padding-left:7px}.profile-button{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:11px;width:100%;min-height:65px;margin-top:4px;padding:10px 1px;border:0;border-top:1px solid #343738;color:#fff;background:transparent;text-align:left;cursor:pointer}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--accent);font-size:19px}.profile-button strong,.profile-button small{display:block}.profile-button strong{margin-bottom:4px;font-size:13px}.profile-button small{color:#c6c7c4;font-size:11.5px}.profile-button>svg{width:17px}.main-shell{min-width:0;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;height:69px;padding:0 22px 0 27px;border-bottom:1px solid var(--line);background:#ffffffe0}.workspace-switcher{display:flex;align-items:center;gap:13px;height:42px;border:0;background:transparent;font-size:14px;font-weight:650;cursor:pointer}.workspace-switcher svg:first-child{width:21px}.workspace-switcher svg:last-child{width:16px}.topbar-actions{display:flex;align-items:center;gap:8px}.connection-chip{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 12px;border:1px solid #dadad7;border-radius:10px;font-size:12.5px}.connection-chip i{width:10px;height:10px;border-radius:50%;background:#9c9d9b}.connection-chip.is-connected i{background:var(--accent);box-shadow:0 0 0 4px #ff383814}.connection-chip b{padding-left:9px;border-left:1px solid #d7d7d4;font-size:18px;font-weight:400}.icon-button{display:grid;width:39px;height:39px;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.icon-button:hover{background:#efefed}.icon-button svg{width:21px;height:21px;stroke-width:1.8}.menu-button{display:none}.workspace-grid{display:grid;grid-template-columns:minmax(600px,1fr) 360px;height:calc(100vh - 69px)}.center-workspace{position:relative;display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:#fff}.welcome-view{width:min(680px,calc(100% - 64px));margin:auto auto 286px}.welcome-view h1{margin:0 0 19px;font-size:clamp(36px,3.2vw,52px);font-weight:730;letter-spacing:-2.5px;text-align:center}.welcome-view>p{margin:0 0 48px;color:#666764;font-size:20px;letter-spacing:-.3px;text-align:center}.suggestion-list{display:grid;width:min(620px,100%);gap:13px;margin:0 auto}.suggestion-list>button{display:grid;grid-template-columns:54px 1fr 24px;align-items:center;gap:16px;min-height:78px;padding:10px 19px 10px 13px;border:1px solid #dededb;border-radius:11px;background:#fff;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.suggestion-list>button:hover{border-color:#bcbcb8;transform:translateY(-1px);box-shadow:0 10px 26px #191c1e0f}.suggestion-icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid #e2e2de;border-radius:9px;color:var(--accent)}.suggestion-icon svg{width:27px;height:27px;stroke-width:1.8}.suggestion-list strong,.suggestion-list small{display:block}.suggestion-list strong{margin-bottom:7px;font-size:15px}.suggestion-list small{color:#71726f;font-size:12.5px}.suggestion-list>button>svg{width:21px;height:21px;color:#555753;stroke-width:1.7}.composer{position:absolute;right:32px;bottom:36px;left:32px;min-height:130px;padding:15px;border:1px solid #494b49;border-radius:13px;background:#fff;box-shadow:0 8px 32px #1416180a}.composer textarea{width:100%;min-height:55px;padding:1px 4px;resize:none;border:0;outline:0;color:var(--ink);background:transparent;font-size:16px;line-height:1.45}.composer textarea::placeholder{color:#777874}.composer-actions{display:flex;align-items:center;gap:10px}.composer-actions>span{flex:1}.square-button{display:grid;width:46px;height:46px;place-items:center;padding:0;border:1px solid #dededb;border-radius:9px;background:#fff;cursor:pointer}.square-button:hover{background:#f4f4f2}.square-button svg{width:21px;height:21px;stroke-width:1.8}.send-button{display:flex;align-items:center;gap:9px;min-width:112px;height:46px;justify-content:center;border:0;border-radius:9px;color:#fff;background:var(--accent);font-size:14px;font-weight:650;cursor:pointer}.send-button:hover:not(:disabled){background:var(--accent-dark)}.send-button:disabled{cursor:not-allowed;opacity:.55}.send-button svg{width:18px;height:18px}.activity-rail{display:flex;flex-direction:column;gap:14px;padding:16px;overflow-y:auto;background:#fbfbfa}.rail-panel{padding:18px 16px;border:1px solid #dededb;border-radius:10px;background:#fff}.rail-panel h3{margin:0 0 17px;font-size:14px;font-weight:680}.gateway-row{display:grid;grid-template-columns:50px 1fr 44px;align-items:center;gap:12px}.gateway-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:9px;background:#f3f3f1}.gateway-icon svg{width:27px;height:27px;stroke-width:1.7}.gateway-row strong,.gateway-row small,.agent-row strong,.agent-row small{display:block}.gateway-row strong{font-size:13px}.gateway-row small{margin-top:7px;color:#747572;font-size:11.5px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#9c9d9b}.status-dot.connected{background:var(--accent)}.signal{display:flex;height:35px;align-items:end;justify-content:flex-end;gap:4px}.signal i{display:block;width:3px;border-radius:2px;background:#babbb8}.signal i:nth-child(1){height:10px}.signal i:nth-child(2){height:17px}.signal i:nth-child(3){height:25px}.signal i:nth-child(4){height:34px}.gateway-panel .connected~.signal i,.gateway-row:has(.connected) .signal i{background:var(--accent)}.agent-row{display:flex;align-items:center;gap:13px}.agent-mark{display:grid;width:50px;height:50px;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:21px;font-weight:780}.agent-row strong{font-size:14px}.agent-row small{margin-top:6px;color:#747572;font-size:11.5px}.rail-divider{height:1px;margin:17px 0 18px;background:#e2e2df}.permission-list{display:grid;gap:0;padding:0;margin:0;list-style:none}.permission-list li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;min-height:39px;font-size:12px}.permission-list svg{width:17px;height:17px;color:#5c5e5b;stroke-width:1.7}.permission-list em{color:var(--accent);font-size:11px;font-style:normal}.activity-panel{flex:1;min-height:230px}.activity-panel ul{display:grid;gap:13px;padding:0;margin:0 0 20px;list-style:none}.activity-panel li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;font-size:11.5px}.activity-panel time{color:#787976;font-size:10.5px}.check{display:grid;width:19px;height:19px;place-items:center;border:1.5px solid var(--accent);border-radius:50%;color:var(--accent)}.check svg{width:12px;height:12px;stroke-width:2.5}.activity-panel .no-activity{display:block;color:#858683;line-height:1.5}.view-activity{display:grid;grid-template-columns:24px 1fr auto;align-items:center;width:100%;min-height:49px;padding:0 13px;border:1px solid #e1e1de;border-radius:9px;background:#fff;font-size:11.5px;text-align:left;cursor:pointer}.view-activity svg{width:18px;height:18px}.view-activity span{font-size:20px}.message-list{width:min(760px,calc(100% - 64px));margin:0 auto;padding:48px 0 200px;overflow-y:auto}.message{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid #eeeeeb}.message-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#222526;color:#fff;font-size:11px;font-weight:700}.message.assistant .message-avatar{background:var(--accent);font-size:16px}.message strong{font-size:13px}.message p{margin:8px 0 0;font-size:14px;line-height:1.7;white-space:pre-wrap}.workspace-error{margin:20px 0;padding:12px 14px;border:1px solid #f5b9b9;border-radius:8px;color:#9f2020;background:#fff4f4;font-size:12px}.section-view{width:min(680px,calc(100% - 64px));margin:90px auto 0}.section-view h1{margin:0 0 14px;font-size:46px;letter-spacing:-2px}.section-view>p{margin:0 0 36px;color:#6b6c69;font-size:17px}.section-list{display:grid;border-top:1px solid var(--line)}.section-list button{display:flex;min-height:68px;align-items:center;justify-content:space-between;padding:0 10px;border:0;border-bottom:1px solid var(--line);background:#fff;font-size:15px;text-align:left;cursor:pointer}.section-list button:hover{color:var(--accent-dark)}.section-list svg{width:19px}.auth-page{display:grid;grid-template-columns:minmax(360px,.85fr) 1.15fr;min-height:100vh;background:#fff}.auth-brand-panel{display:flex;min-height:100vh;flex-direction:column;padding:34px 44px 40px;color:#fff;background:#17191a}.auth-brand{width:max-content}.auth-statement{margin:auto 0}.auth-statement>svg{width:36px;height:36px;margin-bottom:28px;color:var(--accent);stroke-width:1.6}.auth-statement h1{margin:0 0 22px;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-4px}.auth-statement p{max-width:470px;margin:0;color:#bfc0bd;font-size:17px;line-height:1.6}.auth-footnote{margin:0;color:#929390;font-size:12px}.auth-form-panel{display:grid;min-height:100vh;place-items:center;padding:40px}.auth-form{width:min(420px,100%)}.auth-form h2{margin:0 0 10px;font-size:36px;letter-spacing:-1.5px}.auth-form>p{margin:0 0 37px;color:#737471;font-size:14px}.auth-form label{display:grid;gap:8px;margin:0 0 20px;font-size:12px;font-weight:650}.auth-form input{width:100%;height:49px;padding:0 13px;border:1px solid #cfcfcb;border-radius:8px;background:#fff;font-size:14px}.password-field{position:relative}.password-field button{position:absolute;top:5px;right:5px;display:grid;width:40px;height:39px;place-items:center;border:0;background:transparent;cursor:pointer}.password-field svg{width:18px;color:#696a67}.primary-button{border:0;color:#fff;background:var(--accent);cursor:pointer}.auth-submit{display:flex;width:100%;height:50px;align-items:center;justify-content:center;gap:12px;margin-top:12px;border-radius:8px;font-size:14px;font-weight:650}.auth-submit:hover{background:var(--accent-dark)}.auth-submit:disabled{opacity:.6}.auth-submit svg{width:18px}.text-button{width:100%;margin-top:20px;border:0;color:#565754;background:transparent;font-size:12px;cursor:pointer}.text-button:hover{color:var(--accent-dark)}.auth-notice{margin:0 0 10px;padding:11px;border-radius:7px;color:#8c2525;background:#fff1f1;font-size:12px;line-height:1.5}.loading-page{display:grid;height:100vh;place-content:center;place-items:center;background:#17191a;color:#d9dad7}.loading-mark{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:26px;font-weight:780}.loading-page p{margin-top:17px;font-size:13px}.nav-scrim{display:none}@media(max-width:1250px){.workspace-grid{grid-template-columns:minmax(580px,1fr) 320px}.activity-rail{padding:12px}.sidebar{flex-basis:270px}}@media(max-width:1050px){.activity-rail{display:none}.workspace-grid{grid-template-columns:1fr}.center-workspace{border-right:0}}@media(max-width:800px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:290px;transform:translate(-102%);transition:transform .18s ease;box-shadow:18px 0 48px #0000003d}.sidebar-open{transform:translate(0)}.mobile-close,.menu-button{display:grid!important}.nav-scrim{position:fixed;z-index:15;display:block;top:0;right:0;bottom:0;left:0;border:0;background:#0a0c0d7a}.topbar{padding:0 12px}.workspace-switcher{margin-right:auto;font-size:13px}.workspace-switcher svg:first-child{display:none}.connection-chip b,.topbar-actions .icon-button{display:none}.welcome-view{width:min(600px,calc(100% - 34px));margin-bottom:190px}.welcome-view h1{font-size:37px;letter-spacing:-1.8px}.welcome-view>p{margin-bottom:31px;font-size:16px}.suggestion-list{gap:9px}.suggestion-list>button{grid-template-columns:44px 1fr 20px;min-height:67px;gap:11px;padding:9px 12px 9px 9px}.suggestion-icon{width:42px;height:42px}.suggestion-icon svg{width:22px}.suggestion-list small{display:none}.composer{right:16px;bottom:16px;left:16px}.message-list{width:calc(100% - 34px);padding-top:22px}.section-view{width:calc(100% - 34px);margin-top:50px}}@media(max-width:650px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{min-height:260px;padding:26px 25px}.auth-statement{margin:auto 0 0}.auth-statement>svg,.auth-statement p,.auth-footnote{display:none}.auth-statement h1{margin:0;font-size:45px;letter-spacing:-2.5px}.auth-form-panel{min-height:calc(100vh - 260px);padding:42px 25px;place-items:start center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}