:root{--bg:#f6f7f9;--ink:#20232b;--muted:#9297a2;--line:#e7e9ee;--accent:#5a58e9;--side:#181b24}*{box-sizing:border-box}body{margin:0;font:14px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-color:var(--accent)}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}aside{position:fixed;width:245px;inset:0 auto 0 0;background:var(--side);color:#babdca;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;color:white;font-size:30px;gap:3px;margin-bottom:52px}.brand>span,.logo span{color:#8c87ff;font-size:19px}.brand strong{font-size:19px;letter-spacing:-.7px;margin-left:10px}.side-label{font-size:10px;letter-spacing:1.7px;color:#777e91;display:flex;justify-content:space-between;margin:0 10px 15px}.side-label span{background:#292d39;padding:0 5px;border-radius:3px}.side-action{border:1px solid #373b48;border-radius:7px;padding:11px;text-align:left;width:100%;color:#e6e7ec;margin-bottom:20px}.project-button{width:100%;text-align:left;color:#9ba2b4;padding:12px;border-radius:6px;margin:3px 0;overflow:hidden;text-overflow:ellipsis}.project-button.active{color:#b9b4ff;background:#2c2b46;border-left:2px solid #aaa1ff}.project-button:before{content:'▣';margin-right:12px}.side-bottom{margin-top:auto;display:grid;gap:16px;font-size:12px}.side-bottom button,.side-bottom a{text-align:left;color:#9ea5b7;padding:0 8px}.server{margin-top:10px;border-top:1px solid #303440;padding:20px 7px 0;font-size:11px;display:flex;align-items:center;gap:9px}.server i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7bc3a2}.dot{margin-right:7px}main{margin-left:245px;min-height:100vh}header{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff;font-size:12px}.header-right{display:flex;align-items:center;gap:23px}.badge{color:#698d7c;background:#f1f7f4;border:1px solid #e4eee8;padding:5px 10px;border-radius:5px;font-size:10px}.avatar{border-radius:50%;background:#e9e7f9;color:#7163b1;padding:7px 11px}.muted{color:var(--muted)}.page-heading{padding:38px 42px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#9499a5;font-weight:600}h1{font-size:28px;letter-spacing:-1px;line-height:1.25;margin:12px 0 9px;font-weight:600}h1>span{color:var(--accent)}.page-heading p{color:#8e939e;font-size:12px;margin:0}.secondary{border:1px solid #dfe2e9;border-radius:6px;background:#fff;padding:9px 15px;font-size:12px;white-space:nowrap}.primary{background:var(--accent);color:white;border-radius:6px;padding:10px 18px;font-size:12px;white-space:nowrap}.tabs{display:flex;align-items:center;gap:27px;padding:0 42px;border-bottom:1px solid var(--line)}.tabs>button{padding:17px 0;color:#9196a1;font-size:12px;border-bottom:2px solid transparent}.tabs>button.active{color:var(--accent);border-color:var(--accent)}.tabs span{font-size:9px;background:#eeedf7;padding:2px 5px;margin-left:5px;border-radius:3px}.save-note{margin-left:auto;font-size:10px;color:#969ca7}.view{padding:26px 42px 0}.chat-layout{display:grid;grid-template-columns:minmax(300px,1fr) 235px;gap:24px}.conversation{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.chat-toolbar{height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f4;font-size:11px}.text-button{font-size:11px;color:#858b99}.chat-tabs{display:flex;gap:5px;padding:6px 15px;overflow:auto;border-bottom:1px solid #f7f7f9}.chat-tabs:empty{display:none}.chat-tabs button{font-size:10px;padding:5px 9px;color:#8e94a1;white-space:nowrap}.chat-tabs button.active{background:#f0efff;color:var(--accent);border-radius:4px}.messages{height:365px;overflow:auto;padding:24px}.welcome{text-align:center;padding:25px 0}.welcome-icon{background:#f0efff;color:var(--accent);font-size:30px;border-radius:12px;width:54px;height:54px;line-height:54px;margin:0 auto 17px}.welcome h2{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:11px 0}.welcome p{font-size:12px;line-height:1.8;color:#969ba5}.suggestions{display:flex;justify-content:center;gap:8px;margin-top:25px}.suggestions button{border:1px solid #ececf2;border-radius:5px;padding:8px 12px;font-size:10px;color:#858b99}.composer{margin:0 20px;border:1px solid #dedeea;border-radius:9px;box-shadow:0 2px 8px #20204004}.composer textarea{resize:vertical;width:100%;border:none;background:transparent;padding:15px;font-size:12px;min-height:70px;color:var(--ink)}.composer-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 10px 10px}.composer select{border:none;background:#f5f5f9;border-radius:4px;font-size:10px;color:#717788;max-width:65%;padding:7px}.composer-hint{text-align:center;font-size:9px;color:#a5a9b3;margin:12px 0 17px}.context-panel{background:#f0f1f5;border:1px solid #e8e9ef;border-radius:9px;padding:21px}.context-panel .side-label{font-size:9px;margin:0 0 28px}.context-icon{background:white;border:1px solid #e1e2eb;border-radius:8px;font-size:22px;display:inline-block;padding:4px 12px;color:#7e83a1}.context-panel h3{font-size:14px;margin:14px 0 6px}.context-panel>p{font-size:11px;color:#9298a6;margin-bottom:22px}.metric{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #e4e6ed;padding:11px 0}.metric>span{color:#8c93a2}.metric strong{font-weight:500}.tip{border:1px solid #e1dfef;border-radius:7px;background:#eae9f6;margin-top:24px;padding:16px}.tip>span{color:#8277cb;font-size:19px}.tip h4{font-size:11px;font-weight:500;margin:6px 0}.tip p{font-size:10px;color:#8d87ab;line-height:1.8;margin:0}.flow{display:grid;gap:10px;font-size:9px;color:#9da2af;margin-top:24px}footer{display:flex;justify-content:space-between;color:#afb3be;font-size:9px;padding:30px 42px;letter-spacing:.6px}.footer-star{color:#8b80be;font-size:15px;margin-left:14px}.message{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:20px;font-size:12px;line-height:1.8}.message strong{display:block;color:#8e86bd;font-size:9px;letter-spacing:1px;margin-bottom:5px}.message.user{background:#f6f6fb;padding:12px 15px;border-radius:7px}.activity{font:10px/1.8 Consolas,monospace;color:#7e82a3;background:#f5f5fa;padding:10px 20px;max-height:120px;overflow:auto}.section-bar{display:flex;align-items:center;gap:15px;margin-bottom:20px}.section-bar>div{margin-right:auto}.section-bar h2{font-size:20px;margin:0}.section-bar p{font-size:11px;margin:4px 0}.section-bar select{max-width:250px}.code{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;font:12px/1.7 Consolas,monospace;overflow:auto;max-height:60vh;min-height:200px;white-space:pre}.diff-add{color:#19814f;background:#f0faf4;display:block}.diff-del{color:#b43c50;background:#fdf1f3;display:block}.commit{display:flex;align-items:center;gap:15px;background:#eeedf8;border:1px solid #dfddec;border-radius:7px;padding:15px}.commit>span{font-size:9px;color:#8c83ac;white-space:nowrap}.commit input{flex:1;border:none;background:none;font-size:12px;min-width:60px}#diffStat{font-size:11px;color:#8d92a1}.files-layout{display:grid;grid-template-columns:240px minmax(200px,1fr);gap:20px}#fileList{max-height:60vh;overflow:auto}#fileList button{display:block;font:11px/1.8 Consolas,monospace;padding:7px;text-align:left;width:100%;overflow-wrap:anywhere}#fileList button:hover{background:#eae9fa}.files-layout pre{margin:0}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#e9e7fc,transparent 65%),#f6f7f9}.auth-card{width:420px;max-width:92vw;padding:40px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 80px #302c6e0a}.logo{font-size:45px;margin-bottom:25px}.auth h1{font-size:30px}.auth p{color:#9398a3;font-size:12px}.auth form{margin:25px 0;display:grid;gap:15px}.auth small{font-size:9px;color:#aaaeba}.auth button{width:100%}label{display:grid;gap:6px;font-size:11px;color:#7d8391}input,select{border:1px solid #dfe1e9;border-radius:5px;padding:10px;background:#fff;color:var(--ink);width:100%}#qr{width:190px;display:block;margin:auto}#totpSecret{display:block;font-size:10px;word-break:break-all}dialog{border:1px solid var(--line);border-radius:14px;padding:32px;width:500px;max-width:94vw;color:var(--ink)}dialog::backdrop{background:#14152666;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin:10px 0}dialog p{font-size:12px}dialog form:not([method]){display:grid;gap:15px;margin:20px 0}dialog .close{position:absolute;right:15px;top:10px;font-size:25px;color:#9499a5}dialog hr{border:0;border-top:1px solid var(--line);margin:25px 0}#saveExcludes{margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#282a3d;color:white;padding:14px 24px;border-radius:8px;box-shadow:0 5px 25px #0002;z-index:100;font-size:12px}#connectionStatus{font-size:11px;color:#7b80a0;white-space:pre-line}@media(min-width:1500px){.messages{height:46vh}.chat-layout{grid-template-columns:minmax(300px,1fr) 280px}.context-panel{padding:26px}}@media(max-width:1050px){aside{width:200px}main{margin-left:200px}.brand strong{font-size:15px}.view{padding:20px}.page-heading,header{padding:25px}.tabs{padding:0 25px}.context-panel{display:none}.chat-layout{display:block}.save-note{display:none}.page-heading h1{font-size:24px}}@media(max-width:650px){aside{position:relative;width:100%;padding:15px;display:block}.brand{margin:0 0 15px}.side-label,.side-bottom{display:none}.side-action{width:auto;margin:0 0 10px}#projects{display:flex;overflow:auto}.project-button{width:auto;white-space:nowrap}.project-button:before{display:none}main{margin-left:0}header{height:60px;padding:15px}.page-heading{padding:25px 18px;align-items:flex-start}.page-heading h1{font-size:23px}.page-heading .secondary{font-size:10px;padding:8px}.tabs{gap:20px;padding:0 18px}.tabs>button{font-size:11px}.view{padding:15px}.messages{height:340px;padding:16px}.suggestions{display:grid}.section-bar{flex-wrap:wrap}.commit{flex-wrap:wrap}.commit input{flex-basis:65%}.files-layout{grid-template-columns:1fr}#fileList{max-height:150px}footer{padding:25px 18px;font-size:8px}.header-right{gap:8px}.badge{font-size:8px}}
