:root{color-scheme:light;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f8fafc;color:#1d2d42;--navy:#152a44;--accent:#2663b6;--line:#e4e9f0;--muted:#64748b;--green:#16664b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-y:auto}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:#265bb0;color:#fff;padding:10px 13px;font-weight:600}button:disabled{opacity:.48;cursor:default}button:hover:not(:disabled){filter:brightness(.97)}input,textarea{outline-color:#2663b6}input{border:1px solid #cbd5e1;border-radius:9px;padding:11px;width:100%}.hidden{display:none!important}.ghost{background:#edf2f8;color:#193450}.tiny{font-size:12px;padding:6px 10px}.fill{width:100%}.login{min-height:100dvh;display:grid;place-items:center;padding:20px}.panel{width:min(440px,100%);padding:35px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #17314c17;display:grid;gap:14px}.panel h1{margin:0;font-size:23px}.panel p{color:var(--muted);margin:0}.panel label{font-weight:600}.mark{display:grid;place-items:center;width:54px;height:54px;color:#fff;background:#203a60;border-radius:14px;font-size:21px;font-weight:750}.error{color:#b91c1c;min-height:20px}.layout{display:flex;min-height:100dvh;align-items:stretch}aside{width:250px;flex:0 0 250px;position:sticky;top:0;height:100dvh;overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:20px 13px;display:flex;flex-direction:column;gap:12px;z-index:20}.brand{display:flex;align-items:center;gap:9px;margin:0 4px 23px}.brandIcon{padding:9px 10px;border-radius:10px;background:var(--navy);color:#fff;font-weight:800}.brand strong{display:block;font-size:14px}.brand small{display:block;color:var(--muted);font-size:11px}.section-label{font-size:11px;color:#7a8a9c;font-weight:800;letter-spacing:1.1px;margin-left:10px}#projects{display:flex;flex-direction:column;gap:5px}#projects button{display:flex;justify-content:space-between;align-items:center;text-align:left;background:transparent;color:#20334a;font-weight:550;padding:11px 13px;word-break:break-word}#projects button.active{background:#e9f1ff;color:#1d4d9c}.side-separator{border-top:1px solid var(--line);margin-top:11px}.sideLink{background:transparent;color:#26415e;text-align:left;font-weight:500;padding:10px}.safety{margin-top:auto;color:#8191a3;font-size:11px}.workarea{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);padding:12px 21px;display:flex;align-items:center;gap:12px;min-height:62px}.projectHeading{flex:1;min-width:0}.projectHeading strong{display:block;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectHeading small{display:block;font-size:12px;color:var(--muted)}.head-actions{display:flex;align-items:center;gap:12px}.env{background:#dcfce7;color:#16604a;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.5px;padding:6px 10px}.menuBtn{display:none;background:transparent;color:#253950;font-size:20px}.viewbar{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;border-bottom:1px solid var(--line)}.viewbtn{background:transparent;color:#5b6b80;padding:7px 12px;font-size:12px}.viewbtn.selected{background:#e6eefb;color:#194b9d}.viewHint{margin-left:auto;color:#8392a2;font-size:11px}.contentGrid{display:grid;grid-template-columns:minmax(390px,1fr) minmax(350px,.9fr);align-items:start;max-width:1800px;margin:0 auto}.contentGrid.chatOnly{grid-template-columns:minmax(0,1fr)}.contentGrid.chatOnly .toolsPane{display:none}.contentGrid.toolsOnly{grid-template-columns:minmax(0,1fr)}.contentGrid.toolsOnly .chatpane{display:none}.chatpane{min-width:0;border-right:1px solid var(--line);min-height:calc(100dvh - 110px);display:flex;flex-direction:column}.paneTitle{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.paneTitle strong{display:block}.paneTitle small{display:block;color:var(--muted);font-size:11px}.messages{display:flex;flex-direction:column;gap:16px;padding:7px 18px 20px;min-height:20vh;overflow:visible}.msg{background:white;border:1px solid var(--line);border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px 17px;line-height:1.55;max-width:100%}.msg.user{background:#eaf2ff;border-color:#cfdef9;margin-left:8%}.msg .role{font-size:11px;font-weight:800;color:#2860ae;margin-bottom:7px;letter-spacing:.4px}.msg .st{margin-top:8px;color:var(--muted);font-size:11px}.typingStatus{display:flex;gap:8px;align-items:center;padding:12px 24px;color:var(--muted);font-size:12px}.pulse{width:9px;height:9px;background:#3174bd;border-radius:50%;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.3}}.loadOlder{align-self:center;margin:10px;border:1px solid #dbe3ef;color:#245189;background:#fff}.composer{position:sticky;bottom:0;z-index:8;background:#fff;border-top:1px solid var(--line);padding:12px 17px calc(12px + env(safe-area-inset-bottom));margin-top:auto;box-shadow:0 -7px 30px #19334d0a}.composer textarea{width:100%;display:block;resize:vertical;min-height:55px;max-height:200px;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#fcfdff}.composeActions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.composerHint{font-size:11px;color:var(--muted)}.composeActions>div{display:flex;gap:8px}.toolsPane{position:sticky;top:62px;min-width:0;height:calc(100dvh - 62px);overflow:hidden;display:flex;flex-direction:column;background:#fff}.toolsTop{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.toolTabs{display:flex;gap:5px;padding:8px;overflow-x:auto;border-bottom:1px solid var(--line)}.toolTab{background:none;color:#64748b;padding:7px 10px;font-size:12px;white-space:nowrap}.toolTab.current{background:#eaf2ff;color:#164f9b}.toolBody{overflow-y:auto;overscroll-behavior:contain;padding:14px 15px;min-height:0;flex:1}.sourceInfo{border-radius:8px;padding:11px;font-size:11px;background:#e9f8ef;color:#155d40;font-weight:700}.hint{font-size:12px;color:#62758b}.files{display:flex;flex-direction:column;gap:6px;margin:10px 0 14px}.file-entry{background:#f4f7fb;border:1px solid var(--line);color:#274660;text-align:left;font-size:12px;word-break:break-all;padding:8px 11px}.diffTitle{font-weight:700;font-size:12px;padding:12px 2px;border-top:1px solid var(--line)}.diff{background:#0f2035;color:#dde9f9;border-radius:8px;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:100px;max-height:50vh;overflow:auto}.fileToolbar{display:flex;align-items:center;gap:9px;justify-content:space-between}.fileToolbar strong{overflow-wrap:anywhere;font-size:12px}.editorZone{display:grid;gap:9px}.editorTop{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}.editorTop span{color:var(--muted)}#fileEditor{width:100%;height:37vh;min-height:250px;resize:vertical;background:#0f2035;color:#f4f8ff;border-radius:10px;padding:12px;font:12px/1.6 ui-monospace,Consolas,monospace}.previewFrame{display:block;width:100%;height:65vh;border:1px solid var(--line);border-radius:10px}.emptyPreview{padding:50px 20px;border:1px dashed #bfcbd8;border-radius:12px;text-align:center;color:var(--muted)}.previewOpen{display:inline-block;margin-top:10px;color:var(--accent)}.settingsGroup{display:grid;gap:10px;padding:16px 0;border-top:1px solid var(--line)}.settingsGroup h3{margin:0;font-size:14px}.settingsGroup label{font-weight:700}.settingsGroup small{color:var(--muted)}.dangerZone{color:#8b2929}.dangerBtn{background:#b43333}.drawerBackdrop{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:150;background:#17324e;color:#fff;padding:11px 18px;border-radius:10px;box-shadow:0 10px 25px #1234}dialog{border:0;border-radius:16px;box-shadow:0 25px 75px #0b20375c;padding:0;width:min(470px,95vw)}dialog::backdrop{background:#12253c85}.password-form{padding:26px;display:grid;gap:12px}.password-form h2{margin:0}.password-form p{margin:0;color:var(--muted)}.password-form label{display:grid;gap:4px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}
@media(max-width:1050px){aside{width:215px;flex-basis:215px}.contentGrid{grid-template-columns:minmax(350px,1fr) minmax(300px,.83fr)}}
@media(max-width:760px){:root{font-size:15px}.layout{display:block}.workarea{width:100%}aside{position:fixed;top:0;left:0;bottom:0;width:min(305px,84vw);height:100dvh;transform:translateX(-105%);transition:transform .18s ease;box-shadow:15px 0 40px #14284220;z-index:105}aside.open{transform:translateX(0)}.drawerBackdrop.visible{display:block;position:fixed;inset:0;background:#111e3080;z-index:100}.menuBtn{display:block;padding:5px 9px}.topbar{padding:8px 12px;min-height:58px}.projectHeading strong{font-size:15px}.projectHeading small{font-size:11px}.viewbar{display:none}.contentGrid,.contentGrid.chatOnly,.contentGrid.toolsOnly{display:block;max-width:100%}.chatpane{border:0;min-height:calc(100dvh - 58px)}.toolsPane{display:none!important}.desktopOnly{display:none!important}.paneTitle{padding:11px 14px}.paneTitle strong{font-size:13px}.paneTitle small{display:none}.messages{padding:8px 10px 16px;gap:12px;min-height:30vh}.msg{padding:12px 13px;border-radius:14px}.msg.user{margin-left:7%}.composer{padding:9px 10px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -3px 13px #0d253416}.composer textarea{font-size:16px;min-height:48px;max-height:135px;padding:10px 12px;resize:none}.composeActions{margin-top:7px}.composerHint{display:none}.composeActions button{padding:9px 12px}.loadOlder{font-size:12px}.login{padding:12px}.panel{padding:25px}}