:root{color:#f5f7fa;font-synthesis:none;text-rendering:geometricprecision;--canvas:#0b0c0e;--panel:#101216;--panel-2:#15181d;--panel-3:#1a1e24;--line:#ffffff12;--line-strong:#ffffff1c;--text:#f5f7fa;--muted:#9aa2ad;--faint:#67707b;--accent:#f3a341;--accent-soft:#f3a34124;background:#0b0c0e;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--canvas);overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.workbench-shell{background:radial-gradient(circle at 72% 14%, #ffffff06, transparent 30%), var(--canvas);grid-template-columns:58px 276px minmax(0,1fr);width:100vw;height:100dvh;display:grid}.product-rail{border-right:1px solid var(--line);z-index:4;background:#0d0f12;flex-direction:column;align-items:center;gap:12px;padding:14px 9px;display:flex}.brand-mark{letter-spacing:-.02em;background:linear-gradient(145deg,#22262d,#14171b);border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:760;display:grid;box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000038}.rail-nav{flex-direction:column;gap:7px;width:100%;display:flex}.rail-button,.icon-button,.mobile-sidebar-button{cursor:pointer;color:var(--muted);background:0 0;border:0;place-items:center;transition:background .14s,color .14s,transform .14s;display:grid}.rail-button{border-radius:10px;width:40px;height:40px}.rail-button svg{width:19px;height:19px}.rail-button:hover,.rail-button.is-active{color:var(--text);background:#fff1}.rail-button:active{transform:scale(.96)}.rail-settings{margin-top:auto}.thread-sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3;background:#0f1115f5;flex-direction:column;min-width:0;display:flex;position:relative}.sidebar-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 12px 0 14px;display:flex}.workspace-switcher{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.workspace-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.icon-button{border-radius:8px;width:31px;height:31px}.icon-button:hover{color:var(--text);background:#ffffff0f}.search-field{border:1px solid var(--line);height:36px;color:var(--faint);background:#ffffff06;border-radius:9px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;margin:12px 12px 8px;padding:0 10px;display:grid}.search-field svg{width:15px;height:15px}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.search-field input::placeholder{color:var(--faint)}kbd{border:1px solid var(--line);color:var(--faint);background:#ffffff08;border-radius:5px;padding:2px 5px;font-size:9px}.sidebar-section{padding:9px 8px;overflow:auto}.section-label{color:#5e6670;letter-spacing:.11em;padding:5px 10px 7px;font-size:9px;font-weight:760}.thread-list{flex-direction:column;gap:2px;display:flex}.thread-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:49px;padding:7px 9px;transition:background .14s;display:grid}.thread-row:hover{background:#ffffff09}.thread-row.is-active{background:#fff1}.thread-icon{color:var(--faint);place-items:center;display:grid}.thread-icon svg{width:15px;height:15px}.thread-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.thread-copy strong{color:#dde1e6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:560;overflow:hidden}.thread-copy small{color:#656d76;font-size:10px}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:8px}.footer-row{width:100%;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 9px;font-size:11px;display:flex}.footer-row:hover{background:#ffffff0a}.footer-row svg{width:14px}.account-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px 5px;display:grid}.account-avatar{color:#d9dde2;background:#252930;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.account-row>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.account-row strong{font-size:10px;font-weight:620}.account-row small{color:var(--faint);font-size:9px}.online-dot{color:#67c587;width:7px;height:7px}.workspace-panel{grid-template-rows:58px minmax(0,1fr);min-width:0;display:grid}.workspace-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c0ed1;justify-content:space-between;align-items:center;padding:0 18px 0 20px;display:flex}.header-left,.header-actions{align-items:center;gap:10px;display:flex}.header-context{flex-direction:column;gap:2px;display:flex}.header-context strong{color:#e8ebee;font-size:12px;font-weight:620}.header-context span{color:var(--faint);align-items:center;gap:4px;font-size:9px;display:flex}.header-context span svg{width:11px}.model-pill,.ghost-button,.mode-pill,.context-pill{border:1px solid var(--line);color:#bfc5cc;cursor:pointer;background:#ffffff06;border-radius:8px;align-items:center;gap:6px;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.model-pill{height:30px;padding:0 10px;font-size:10px}.ghost-button{height:30px;padding:0 11px;font-size:10px}.model-pill:hover,.ghost-button:hover,.mode-pill:hover,.context-pill:hover{border-color:var(--line-strong);color:var(--text);background:#ffffff0d}.mobile-sidebar-button{border-radius:8px;width:32px;height:32px;display:none}.workspace-body{min-height:0;position:relative;overflow:hidden}.workspace-empty{text-align:center;flex-direction:column;align-items:center;width:min(520px,100% - 56px);display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.empty-symbol{border:1px solid var(--line);color:#c7cbd0;background:linear-gradient(145deg,#ffffff0e,#ffffff04);border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:18px;display:grid;box-shadow:0 18px 50px #00000038,inset 0 1px #ffffff0f}.empty-symbol span{font-size:19px;font-weight:500}.workspace-empty h1{color:#f2f4f6;letter-spacing:-.035em;margin:0;font-size:clamp(22px,2vw,30px);font-weight:630}.workspace-empty p{color:#737b85;max-width:390px;margin:9px 0 0;font-size:12px;line-height:1.6}.composer-wrap{background:linear-gradient(to top, var(--canvas) 46%, #0b0c0edb 68%, transparent);flex-direction:column;align-items:center;padding:18px 24px 15px;display:flex;position:absolute;bottom:0;left:0;right:0}.composer-shell{background:#16191ef0;border:1px solid #ffffff1a;border-radius:15px;width:min(780px,100%);padding:11px 12px 9px;transition:border-color .15s,box-shadow .15s;box-shadow:0 24px 60px #00000047,inset 0 1px #ffffff09}.composer-shell:focus-within{border-color:#ffffff2b;box-shadow:0 28px 70px #00000057,0 0 0 1px #ffffff06}.composer-shell textarea{resize:none;color:#f2f4f5;background:0 0;border:0;outline:0;width:100%;min-height:43px;padding:4px 4px 10px;font-size:13px;line-height:1.5;display:block}.composer-shell textarea::placeholder{color:#626a73}.composer-toolbar{justify-content:space-between;align-items:center;display:flex}.composer-tools,.composer-actions{align-items:center;gap:6px;display:flex}.composer-tools>button:first-child{color:#858d97;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.composer-tools>button:first-child:hover{color:var(--text);background:#ffffff0d}.composer-tools svg{width:15px;height:15px}.context-pill,.mode-pill{height:29px;padding:0 9px;font-size:9px}.context-pill{background:0 0;border-color:#0000}.send-button{color:#121417;cursor:pointer;background:#e9ebed;border:0;border-radius:9px;place-items:center;width:30px;height:30px;font-size:17px;font-weight:700;transition:transform .13s,background .13s;display:grid}.send-button:hover{background:#fff}.send-button:active{transform:scale(.95)}.composer-caption{color:#4f5660;margin-top:7px;font-size:8px}.sidebar-scrim{display:none}@media (width<=860px){.workbench-shell{grid-template-columns:52px minmax(0,1fr)}.thread-sidebar{width:min(286px,100vw - 66px);transition:transform .18s;position:fixed;top:0;bottom:0;left:52px;transform:translate(-110%);box-shadow:22px 0 54px #0006}.workbench-shell.is-sidebar-open .thread-sidebar{transform:translate(0)}.workspace-panel{grid-column:2}.mobile-sidebar-button{display:grid}.mobile-sidebar-button:hover{background:#ffffff0d}.sidebar-scrim{z-index:2;background:#0000006b;border:0;display:block;position:fixed;inset:0}.thread-sidebar{z-index:5}.product-rail{z-index:6}}@media (width<=560px){body{overflow:auto}.workbench-shell{grid-template-columns:1fr;min-height:100dvh}.product-rail{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f12f5;border-right:0;grid-template-columns:38px 1fr 38px;width:100%;height:58px;padding:8px 12px;display:grid;position:fixed;bottom:0;left:0;right:0}.brand-mark{width:34px;height:34px}.rail-nav{flex-direction:row;justify-content:center;align-items:center;gap:4px;display:flex}.rail-button{width:36px;height:36px}.rail-settings{margin:0}.thread-sidebar{width:min(300px,84vw);bottom:58px;left:0}.workspace-panel{grid-column:1;grid-template-rows:54px minmax(0,1fr);min-height:calc(100dvh - 58px);padding-bottom:58px}.workspace-header{padding:0 10px}.header-context span,.ghost-button{display:none}.model-pill{padding:0 8px}.workspace-empty{width:calc(100% - 38px);top:39%}.workspace-empty h1{font-size:22px}.workspace-empty p{max-width:300px;font-size:11px}.composer-wrap{padding:12px 10px 10px;position:fixed;bottom:58px;left:0;right:0}.composer-shell{border-radius:14px}.composer-caption{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.runtime-status{border:1px solid var(--line);min-height:28px;color:var(--muted);white-space:nowrap;background:#ffffff05;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:9px;display:inline-flex}.runtime-status svg{width:12px;height:12px}.runtime-status.is-connected{color:#82cf9b;background:#67c5870f;border-color:#67c5872e}.runtime-status.is-error{color:#e78484;background:#e784840f;border-color:#e784842e}.online-dot{color:#626a73}.online-dot.is-connected{color:#67c587}.spin{animation:.9s linear infinite code-spin}@keyframes code-spin{to{transform:rotate(360deg)}}.conversation-stream{scrollbar-width:thin;padding:34px max(28px,50% - 390px) 190px;position:absolute;inset:0;overflow:auto}.chat-message{gap:7px;margin:0 0 26px;display:grid}.message-role{color:#747d87;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:760}.message-content{color:#dfe3e7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.72}.chat-message.is-user{max-width:min(680px,86%);margin-left:auto}.chat-message.is-user .message-role{text-align:right}.chat-message.is-user .message-content{border:1px solid var(--line);color:#eef1f3;background:#ffffff0d;border-radius:13px 13px 4px;justify-self:end;padding:10px 13px}.chat-message.is-assistant{max-width:760px}.chat-message.is-notice .message-content{color:#d6a3a3;background:#e784840d;border:1px solid #e784842e;border-radius:9px;padding:9px 11px;font-size:11px}.chat-message.is-streaming .message-content:after{content:"";vertical-align:-2px;background:#8c949e;border-radius:2px;width:6px;height:13px;margin-left:3px;animation:.9s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{50%{opacity:0}}.working-line{color:#8a929c;align-items:center;gap:7px;width:fit-content;margin:-8px 0 14px;font-size:10px;display:flex}.working-line svg{width:13px;height:13px}.activity-details{border:1px solid var(--line);background:#ffffff05;border-radius:10px;max-width:760px;margin:0 0 24px;overflow:hidden}.activity-details summary{cursor:pointer;color:#858d96;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:9px 11px;font-size:10px;list-style:none;display:flex}.activity-details summary::-webkit-details-marker{display:none}.activity-details summary:before{content:"›";transition:transform .14s;transform:rotate(0)}.activity-details[open] summary:before{transform:rotate(90deg)}.activity-details summary span{color:#69727c;background:#ffffff0d;border-radius:6px;place-items:center;min-width:18px;height:18px;margin-left:auto;font-size:8px;display:grid}.activity-list{border-top:1px solid var(--line);max-height:220px;display:grid;overflow:auto}.activity-row{color:#79818b;overflow-wrap:anywhere;border-bottom:1px solid #ffffff0a;padding:8px 12px;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.activity-row:last-child{border-bottom:0}.activity-row.is-file{color:#8eb8d0}.activity-row.is-command{color:#b7aa83}.activity-row.is-tool{color:#9c94be}.activity-row.is-reasoning{color:#8b929b;font-family:inherit}.approval-card{z-index:8;background:#181613f7;border:1px solid #f3a3413b;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:18px;padding:14px 15px;display:flex;position:absolute;bottom:154px;left:max(18px,50% - 390px);right:max(18px,50% - 390px);box-shadow:0 22px 55px #00000061}.approval-card-copy{gap:5px;min-width:0;display:grid}.approval-card-copy>span{color:var(--accent);letter-spacing:.09em;font-size:8px;font-weight:760}.approval-card-copy strong{font-size:11px;font-weight:620}.approval-card-copy code{color:#aeb5bc;text-overflow:ellipsis;white-space:nowrap;max-width:520px;font:9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.approval-card-actions{flex:none;gap:6px;display:flex}.approval-card-actions button{border:1px solid var(--line);color:#aeb5bc;cursor:pointer;background:#ffffff08;border-radius:8px;min-height:30px;padding:0 9px;font-size:9px}.approval-card-actions button:hover{color:var(--text);background:#ffffff0f}.approval-card-actions button.is-primary{color:#1a1510;background:var(--accent);border-color:#f3a34147}.send-button:disabled,.composer-shell textarea:disabled,.composer-tools button:disabled{opacity:.45;cursor:not-allowed}.send-button.is-stop{color:#f2f3f4;background:#3a2020}@media (width<=560px){.runtime-status{text-overflow:ellipsis;max-width:96px;overflow:hidden}.conversation-stream{padding:24px 16px 178px}.chat-message.is-user{max-width:92%}.message-content{font-size:12px}.approval-card{gap:10px;display:grid;bottom:142px;left:10px;right:10px}.approval-card-actions{overflow-x:auto}.approval-card-actions button{white-space:nowrap}}