:root{color:#e8eaed;font-synthesis:none;text-rendering:optimizelegibility;--orange:#f48120;--orange-soft:#f481201f;--green:#3dd68c;--panel:#111419;--panel-soft:#15191f;--line:#262b32;--muted:#858e99;background:#090b0e;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#090b0e;min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,h3,p{margin-top:0}.desktop-shell{background:#0b0d10;grid-template-columns:68px 270px minmax(360px,1fr) 390px;height:100vh;display:grid;overflow:hidden}.brand-rail{z-index:5;border-right:1px solid var(--line);background:#0d1014;flex-direction:column;align-items:center;padding:16px 8px 12px;display:flex}.brand-mark{color:var(--orange);justify-items:center;gap:6px;display:grid}.brand-mark span{color:#dfe3e7;letter-spacing:.08em;text-align:center;font-size:10px;font-weight:800;line-height:1.2}.rail-nav{gap:7px;width:100%;margin-top:42px;display:grid}.rail-nav button{color:#727b86;background:0 0;border:0;border-radius:10px;justify-items:center;gap:5px;padding:10px 4px 8px;font-size:10px;display:grid}.rail-nav button:hover{color:#d9dde1;background:#15191e}.rail-nav button.active{color:#ffad67;background:var(--orange-soft)}.rail-bottom{justify-items:center;gap:11px;margin-top:auto;display:grid}.connection-dot{background:#626a74;border-radius:50%;width:8px;height:8px}.connection-dot.online{background:var(--green);box-shadow:0 0 0 4px #3dd68c1a}.explorer-panel,.editor-panel,.assistant-panel{min-width:0;min-height:0}.explorer-panel{border-right:1px solid var(--line);background:#101318;flex-direction:column;display:flex}.panel-heading,.assistant-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:74px;padding:16px;display:flex}.eyebrow{color:var(--orange);letter-spacing:.16em;margin:0 0 4px;font-size:9px;font-weight:900}.panel-heading h1,.assistant-header h2{letter-spacing:-.02em;margin:0;font-size:17px}.heading-actions,.editor-actions,.explorer-footer>div{align-items:center;gap:3px;display:flex}.icon-button{color:#8d96a1;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;padding:0;display:grid}.icon-button:hover,.icon-button.active{color:#f0f2f4;background:#22272e}.icon-button.active{color:#ffad67}.file-search{color:#6e7782;background:#0c0f13;border:1px solid #282e36;border-radius:8px;align-items:center;gap:8px;min-height:34px;margin:12px 12px 8px;padding:0 10px;display:flex}.file-search:focus-within{border-color:#59422f;box-shadow:0 0 0 3px #f481200f}.file-search input{color:#dfe2e5;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.file-search input::placeholder{color:#59626c}.tree-root{flex:1;min-height:0;padding:4px 7px 14px;overflow:auto}.workspace-root{color:#cdd2d7;align-items:center;gap:6px;height:32px;padding:0 8px;font-size:12px;display:flex}.workspace-root svg{color:#d79455}.workspace-root span{color:#69727d;margin-left:auto;font-size:10px}.tree-row{color:#aeb5bd;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;width:100%;height:29px;padding-right:7px;font-size:12px;display:flex}.tree-row:hover{color:#eef0f2;background:#191e24}.tree-row.selected{color:#ffd2ab;background:#252019}.tree-row>svg{color:#d99a5f;flex:none}.tree-chevron{color:#6c7580;place-items:center;width:14px;display:grid}.tree-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-results{gap:2px;display:grid}.search-results button{color:#b4bbc3;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:7px 8px;display:flex}.search-results button:hover,.search-results button.selected{background:#1b2026}.search-results button>span{min-width:0;display:grid}.search-results strong{font-size:12px;font-weight:600}.search-results small{color:#68717b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.muted-empty{color:#68717c;text-align:center;margin:38px 12px;font-size:12px}.muted-empty svg{color:#555e69}.muted-empty p{margin:8px 0}.muted-empty button{color:#e39a5b;background:0 0;border:0}.explorer-footer{border-top:1px solid var(--line);color:#68717c;justify-content:space-between;align-items:center;min-height:46px;padding:7px 9px;font-size:10px;display:flex}.editor-panel{background:#0c0f13;grid-template-rows:auto minmax(0,1fr) 25px;display:grid;position:relative}.editor-topbar{border-bottom:1px solid var(--line);background:#101318;align-items:stretch;min-height:43px;display:flex}.mobile-title{display:none}.document-tabs{flex:1;min-width:0;display:flex;overflow-x:auto}.document-tabs button{border:0;border-right:1px solid var(--line);color:#7e8792;background:#0e1115;border-bottom:2px solid #0000;flex:none;align-items:center;gap:7px;max-width:180px;height:43px;padding:0 10px;font-size:11px;display:flex}.document-tabs button.active{color:#e8eaec;border-bottom-color:var(--orange);background:#14181d}.document-tabs button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-tabs button i{background:var(--orange);border-radius:50%;width:6px;height:6px}.document-tabs button>svg:last-child{color:#666f79;border-radius:4px;margin-left:3px}.document-tabs button>svg:last-child:hover{color:#fff;background:#343a42}.editor-actions{border-left:1px solid var(--line);padding:5px 7px}.save-button{color:#ffad67;background:#211810;border:1px solid #4e3927;border-radius:8px;align-items:center;gap:6px;height:31px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.save-button:not(:disabled):hover{background:#2b1d12}.save-button:disabled{color:#65707a;opacity:1;background:0 0;border-color:#0000}.editor-canvas{background:radial-gradient(circle at 50% 15%,#f4812009,#0000 30rem),#0b0e12;min-height:0;position:relative;overflow:hidden}.editor-welcome{text-align:center;width:min(520px,100% - 48px);margin:18vh auto 0}.welcome-icon{width:58px;height:58px;color:var(--orange);background:#181410;border:1px solid #3c3027;border-radius:18px;place-items:center;margin:0 auto 18px;display:grid;box-shadow:0 18px 50px #0000003d}.editor-welcome h2{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(25px,3vw,38px)}.editor-welcome>p:not(.eyebrow){color:#818a95;font-size:13px;line-height:1.7}.welcome-shortcuts{color:#656e79;justify-content:center;gap:16px;margin-top:22px;font-size:10px;display:flex}kbd{color:#a6aeb7;min-width:22px;font:inherit;background:#15191e;border:1px solid #343a42;border-bottom-width:2px;border-radius:4px;margin-right:3px;padding:2px 5px}.text-editor{grid-template-rows:34px minmax(0,1fr);height:100%;display:grid}.editor-breadcrumb{color:#626b76;border-bottom:1px solid #1c2127;align-items:center;gap:6px;padding:0 17px;font-size:10px;display:flex}.editor-breadcrumb strong{color:#9da5ae;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.text-editor textarea{resize:none;color:#dce0e4;tab-size:2;width:100%;height:100%;caret-color:var(--orange);background:0 0;border:0;outline:0;padding:22px 26px 60px;font:13px/1.75 Cascadia Code,SFMono-Regular,Consolas,monospace}.text-editor textarea::selection{background:#f4812038}.binary-preview{color:#737d88;text-align:center;place-content:center;justify-items:center;height:100%;padding:30px;display:grid}.binary-preview img{border:1px solid #2f353d;border-radius:12px;max-width:min(760px,90%);max-height:65vh;box-shadow:0 24px 70px #0006}.binary-preview h2{color:#dde1e5;margin:18px 0 6px}.binary-preview p{font-size:12px}.primary{background:var(--orange);color:#1a110a;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-weight:800;display:inline-flex}.primary:hover{background:#ff9e4c}.primary:disabled{opacity:.42}.secondary{color:#bdc3ca;background:0 0;border:1px solid #363c44;border-radius:9px;padding:9px 14px}.statusbar{border-top:1px solid var(--line);color:#69727d;background:#101318;align-items:center;gap:15px;padding:0 10px;font-size:9px;display:flex;overflow:hidden}.statusbar span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;display:flex;overflow:hidden}.statusbar span:first-child{flex:1}.assistant-panel{border-left:1px solid var(--line);background:#111419;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.assistant-header{min-height:74px}.model-selector{border-bottom:1px solid var(--line);background:#0e1115;padding:13px 15px}.model-selector label{color:#929ba5;align-items:center;gap:6px;margin-bottom:7px;font-size:10px;font-weight:700;display:flex}.select-wrap{position:relative}.select-wrap select{appearance:none;color:#e7e9eb;background:#15191f;border:1px solid #30363e;border-radius:8px;outline:0;width:100%;height:37px;padding:0 31px 0 10px;font-size:11px}.select-wrap select:focus{border-color:#684a32;box-shadow:0 0 0 3px #f4812012}.select-wrap svg{color:#747d88;pointer-events:none;position:absolute;top:11px;right:10px}.model-selector p{color:#68717c;margin:7px 0 0;font-size:9px;line-height:1.5}.chat-messages{min-height:0;padding:16px 14px;overflow-y:auto}.chat-empty{text-align:center;color:#717b86;margin:8vh 10px 0}.chat-empty>svg{color:var(--orange)}.chat-empty strong{color:#d7dbe0;margin-top:12px;font-size:13px;display:block}.chat-empty p{margin:7px 0 17px;font-size:11px}.chat-empty button{color:#9fa7b0;text-align:left;background:#14181d;border:1px solid #292f36;border-radius:8px;width:100%;margin-top:6px;padding:9px 10px;font-size:10px}.chat-empty button:hover{color:#e3e6e8;border-color:#55402f}.chat-message{color:#cbd0d5;white-space:pre-wrap;border-radius:10px;margin-bottom:14px;padding:11px 12px;font-size:11px;line-height:1.65}.chat-message.user{background:#1e2329;margin-left:34px}.chat-message.assistant{background:#14181d;border:1px solid #252b32;margin-right:16px}.chat-message>p{color:#747e88;letter-spacing:.12em;margin:0 0 5px;font-size:8px;font-weight:900}.chat-error{color:#f2a47d;background:#21130f;border:1px solid #5e3528;border-radius:8px;margin:10px 0;padding:9px 10px;font-size:10px;line-height:1.5}.thinking{color:#b77c4b;align-items:center;gap:4px;font-size:9px;display:flex}.thinking span{background:var(--orange);border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite pulse}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){margin-right:4px;animation-delay:.3s}.chat-composer{background:#0d1014;border:1px solid #30363e;border-radius:11px;margin:0 12px 12px;overflow:hidden}.chat-composer:focus-within{border-color:#61442f;box-shadow:0 9px 35px #00000040}.chat-composer textarea{resize:none;color:#e8eaed;background:0 0;border:0;outline:0;width:100%;padding:12px 12px 4px;font-size:11px;line-height:1.55}.chat-composer textarea::placeholder{color:#5e6772}.chat-composer>div{color:#59626d;justify-content:space-between;align-items:center;padding:6px 7px 7px 12px;font-size:8px;display:flex}.chat-composer button{background:var(--orange);color:#1a1009;border:0;border-radius:7px;padding:7px 11px;font-size:9px;font-weight:900}.toast{z-index:30;color:#ffc89b;background:#23150f;border:1px solid #65402d;border-radius:10px;align-items:center;gap:12px;max-width:min(520px,100vw - 32px);padding:10px 11px 10px 14px;font-size:11px;display:flex;position:fixed;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000073}.toast button{color:inherit;background:0 0;border:0;padding:2px;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040608b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#14181d;border:1px solid #343a42;border-radius:14px;width:min(440px,100%);overflow:hidden;box-shadow:0 30px 100px #0009}.modal-titlebar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:53px;padding:0 12px 0 17px;display:flex}.modal-titlebar h3{margin:0;font-size:14px}.modal form{padding:19px}.modal label{color:#9fa7b0;margin-bottom:8px;font-size:11px;display:block}.path-input{background:#0d1014;border:1px solid #343a42;border-radius:9px;align-items:center;height:41px;display:flex;overflow:hidden}.path-input:focus-within{border-color:#6b4b32}.path-input span{color:#666f79;align-items:center;height:100%;padding:0 0 0 11px;font:11px Cascadia Code,monospace;display:flex}.path-input input{color:#e9ebed;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 11px 0 0;font:11px Cascadia Code,monospace}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.login-shell{background:radial-gradient(circle at 50% 18%,#f4812024,#0000 30rem),#090b0e;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#12161a;border:1px solid #2c3138;border-radius:20px;width:min(440px,100%);padding:34px;box-shadow:0 30px 90px #00000061}.login-icon{width:48px;height:48px;color:var(--orange);background:#1d160f;border:1px solid #4a3525;border-radius:14px;place-items:center;margin-bottom:24px;display:grid}.login-card h1{margin-bottom:9px;font-size:27px}.login-card>p:not(.eyebrow){color:#929ba5;font-size:13px;line-height:1.65}.login-card form{gap:11px;margin-top:24px;display:grid}.login-card label{color:#b8bec5;font-size:12px}.login-card input{color:#fff;background:#0d1013;border:1px solid #353b43;border-radius:10px;outline:0;width:100%;padding:12px 13px}.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f481201c}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}@media (width<=1180px){.desktop-shell{grid-template-columns:62px 238px minmax(340px,1fr) 330px}.editor-actions .icon-button:nth-child(2){display:none}}@media (width<=850px){body{overflow:hidden}.desktop-shell{height:100dvh;padding-bottom:61px;display:block}.brand-rail{z-index:20;border:1px solid var(--line);border-width:1px 0 0;flex-direction:row;justify-content:center;height:61px;padding:5px 12px;position:fixed;inset:auto 0 0}.brand-mark{display:none}.rail-nav{grid-template-columns:repeat(3,1fr);gap:4px;width:min(390px,78vw);margin:0}.rail-nav button{padding:6px 4px 4px}.rail-bottom{align-items:center;gap:4px;margin:0;display:flex;position:absolute;right:10px}.explorer-panel,.editor-panel,.assistant-panel{border:0;height:calc(100dvh - 61px);display:none}.explorer-panel.mobile-files{display:flex}.editor-panel.mobile-editor,.assistant-panel.mobile-chat{display:grid}.panel-heading,.assistant-header{min-height:64px}.editor-topbar{min-height:49px}.mobile-title{color:#b8bec5;align-items:center;gap:7px;height:49px;padding:0 12px;font-size:12px;display:flex}.document-tabs{order:2}.document-tabs button{height:49px}.editor-actions{order:3;margin-left:auto}.editor-actions .icon-button,.save-button span{display:none}.save-button{justify-content:center;width:32px;padding:0}.statusbar span:nth-child(2){margin-left:auto}.statusbar span:nth-child(3){display:none}.editor-welcome{margin-top:12vh}.text-editor textarea{padding:17px 16px 50px;font-size:12px}.assistant-panel{grid-template-rows:auto auto minmax(0,1fr) auto}}