@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--bg:#171717;--side:#101010;--panel:#1f1f1f;--raised:#292929;--hover:#252525;--border:#333;--text:#ececec;--muted:#a1a1a1;--subtle:#6f6f6f;--accent:#d97757;--accent2:#b95f42;--danger:#d96565}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"cv01","ss03"}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.shell{height:100dvh;display:grid;grid-template-columns:260px 1fr}aside{background:var(--side);border-right:1px solid #242424;display:flex;flex-direction:column;min-width:0}.side-top{height:64px;padding:12px;display:flex;gap:8px}.icon{border:0;background:transparent;color:var(--muted);width:38px;height:38px;border-radius:9px;font-size:17px}.icon:hover{background:var(--hover);color:var(--text)}.brand-button{background:#e7e1d9;color:#27211e;font-weight:600}.new-chat{flex:1;border:0;border-radius:9px;background:transparent;text-align:left;padding:0 10px;font-weight:500}.new-chat:hover{background:var(--hover)}.new-chat span{margin-right:8px}.side-scroll{flex:1;overflow:auto;padding:6px 10px}.section-title{height:32px;display:flex;align-items:center;justify-content:space-between;padding-left:10px;color:var(--subtle);font-size:12px;font-weight:500}.section-title .icon{width:28px;height:28px}.files-title{margin-top:16px}.item{min-height:36px;padding:9px 10px;border-radius:8px;color:#b8b8b8;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.item:hover{background:var(--hover);color:var(--text)}.item.selected{background:#292929;color:var(--text)}.side-footer{padding:10px;border-top:1px solid #242424}.side-footer button{width:100%;min-height:44px;display:flex;align-items:center;gap:11px;border:0;background:transparent;border-radius:9px;text-align:left;color:#c6c6c6;padding:7px 10px}.side-footer button:hover{background:var(--hover)}.side-footer span:first-child{width:20px;text-align:center}.side-footer span:last-child{display:flex;flex-direction:column}.side-footer small{color:var(--subtle);font-size:10px;margin-top:2px}main{min-width:0;height:100dvh;position:relative}header{height:58px;position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;padding:0 18px;background:linear-gradient(var(--bg) 70%,transparent);gap:8px}.menu{display:none}.wordmark{border:0;background:transparent;font-size:16px;font-weight:600;padding:8px;border-radius:8px}.wordmark:hover{background:var(--hover)}.wordmark span{font-size:11px;color:var(--muted)}.top-controls{margin-left:auto;display:flex;gap:6px}.top-controls select,.workspace-toggle{height:34px;border:1px solid var(--border);background:#1c1c1c;border-radius:9px;padding:0 10px;color:#c8c8c8;font-size:12px;max-width:210px}.workspace-toggle{margin-left:2px}.agent{height:100%;display:flex;flex-direction:column}.work{height:100%;display:none;background:#151515}main.mobile-work>header{display:none}.mobile-work .agent{display:none}.mobile-work .work{display:flex;flex-direction:column}#chat{flex:1;min-height:0;overflow:auto;padding:80px max(24px,calc((100% - 760px)/2)) 190px}.welcome{max-width:650px;margin:clamp(70px,14vh,150px) auto 0;text-align:center}.welcome-mark{width:48px;height:48px;border-radius:14px;background:#e7e1d9;color:#27211e;display:grid;place-items:center;margin:0 auto 22px;font-size:22px;font-weight:600}.welcome h1{font-size:30px;letter-spacing:-.8px;font-weight:500;margin:0 0 12px}.welcome p{max-width:520px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.55}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}.suggestions button{border:1px solid var(--border);background:#1b1b1b;border-radius:12px;color:#bcbcbc;text-align:left;padding:13px 14px;font-size:13px}.suggestions button:hover{background:#222;color:var(--text)}.msg{max-width:760px;margin:0 auto 24px;line-height:1.65;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.msg.user{width:fit-content;max-width:min(75%,680px);margin-right:0;background:#2a2a2a;border-radius:18px 18px 4px 18px;padding:10px 15px}.msg.assistant{color:#e5e5e5}.msg.assistant:before{content:'B';display:inline-grid;place-items:center;float:left;margin:2px 12px 4px 0;width:25px;height:25px;border-radius:7px;background:#e7e1d9;color:#27211e;font-size:12px;font-weight:600}.msg.tool{background:#121212;border:1px solid #2c2c2c;border-radius:10px;padding:10px 12px;color:#9e9e9e;font:12px/1.5 'JetBrains Mono',monospace}.composer-wrap{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(760px,calc(100% - 36px));z-index:3}.composer{border:1px solid #3a3a3a;background:#242424;border-radius:18px;padding:11px 12px 9px;box-shadow:0 12px 35px #0006}.composer:focus-within{border-color:#555}.composer textarea{display:block;width:100%;min-height:30px;max-height:180px;resize:none;border:0;outline:0;background:transparent;padding:3px 4px;color:var(--text);font-size:15px;line-height:1.45}.composer textarea::placeholder{color:#8a8a8a}.composer-bar{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.composer-meta{display:flex;gap:7px;color:#858585;font-size:11px;padding-left:4px}.send-actions{display:flex;gap:6px}.ask-btn{height:34px;border:0;background:transparent;color:#aaa;border-radius:9px;padding:0 11px}.ask-btn:hover{background:#333;color:#fff}.send-btn{width:34px;height:34px;border:0;border-radius:10px;background:#e7e1d9;color:#1f1b19;font-size:21px;line-height:1}.send-btn:hover{background:#fff}.send-btn:disabled{opacity:.35}.hint{text-align:center;font-size:10px;color:#676767;margin-top:8px}.work-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}.work-head>div{display:flex;align-items:center;gap:12px;min-width:0}.work-head strong{font-size:14px}.work-head span{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-chat,.save,.pane>button,.cmd button{height:34px;border:1px solid var(--border);background:#222;border-radius:8px;padding:0 12px}.save{background:#e7e1d9;color:#211d1a;border:0}.work nav{height:43px;display:flex;padding:0 14px;border-bottom:1px solid var(--border);gap:4px;overflow:auto}.work nav button{border:0;background:transparent;color:#858585;padding:0 11px;border-bottom:2px solid transparent}.work nav button.active{color:#eee;border-bottom-color:#d97757}.pane{display:none;flex:1;min-height:0;padding:12px}.pane.active{display:flex;flex-direction:column}.pane textarea,pre{flex:1;min-height:0;margin:0;border:1px solid #2b2b2b;background:#101010;border-radius:9px;color:#d5d5d5;padding:14px;outline:0;resize:none;overflow:auto;font:13px/1.6 'JetBrains Mono',monospace}.cmd{display:flex;gap:8px;margin-top:9px}.cmd.top{margin:0 0 9px}.cmd input{flex:1;min-width:0;height:38px;border:1px solid var(--border);background:#1d1d1d;border-radius:8px;padding:0 11px;outline:0}.pane>button{align-self:flex-end;margin-top:9px}.overlay{position:fixed;z-index:20;inset:0;background:#111;display:flex;align-items:center;justify-content:center}.loginbox{width:min(390px,calc(100% - 32px));display:grid;gap:18px;text-align:center}.loginbox .brand-mark{width:52px;height:52px;border-radius:15px;background:#e7e1d9;color:#27211e;display:grid;place-items:center;margin:auto;font-size:22px;font-weight:600}.loginbox h1{font-size:25px;font-weight:500;margin:0 0 7px}.loginbox p,.loginbox small{color:var(--muted);margin:0}.loginbox input{height:48px;background:#202020;border:1px solid #3a3a3a;border-radius:11px;padding:0 14px;outline:0}.loginbox .primary{height:48px;border:0;border-radius:11px;background:#e7e1d9;color:#221e1b;font-weight:600}
@media(max-width:800px){.shell{display:block}.shell>aside{display:none;position:fixed;z-index:10;inset:0 14% 0 0;box-shadow:30px 0 70px #000b}main.mobile-files+*{}body:has(main.mobile-files) aside{display:flex}body:has(main.mobile-files):after{content:'';position:fixed;z-index:9;inset:0;background:#0009}.menu{display:block}.workspace-toggle{font-size:0;width:38px;padding:0}.workspace-toggle:after{content:'⌘';font-size:17px}.top-controls select{max-width:122px;padding:0 7px}.top-controls #mode{display:none}header{height:54px;padding:0 10px}.wordmark{padding:7px 4px}#chat{padding:66px 14px 176px}.welcome{margin-top:10vh}.welcome-mark{width:42px;height:42px;margin-bottom:18px}.welcome h1{font-size:25px}.welcome p{font-size:13px}.suggestions{grid-template-columns:1fr;margin-top:22px}.suggestions button:nth-child(n+3){display:none}.composer-wrap{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 18px)}.composer{border-radius:16px}.hint{display:none}.composer-meta{max-width:55%;overflow:hidden;white-space:nowrap}.msg{font-size:14px;margin-bottom:20px}.msg.user{max-width:88%}.work-head{height:54px;padding:0 9px}.work-head span{display:none}.work nav{padding:0 6px}.pane{padding:8px}.side-top{padding-top:max(12px,env(safe-area-inset-top))}body:has(main.mobile-files) main{filter:brightness(.5);pointer-events:none}}