:root{color-scheme:light;--bg: #f5f7f6;--surface: #ffffff;--surface-muted: #f0f4f3;--text: #14201d;--muted: #64736f;--border: #d8e0de;--border-strong: #bdcbc7;--accent: #0f766e;--accent-strong: #0b5f58;--accent-soft: #e2f4f1;--danger: #b42318;--danger-soft: #fff1f0;--shadow: 0 18px 50px rgba(22, 34, 31, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.appShell{display:grid;grid-template-rows:auto 1fr;height:100vh;min-height:100vh;padding:14px;gap:12px}.topBar{align-items:center;background:#ffffffeb;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:flex;padding:12px}.brandBlock{align-items:center;display:flex;gap:10px;min-width:165px}.brandMark,.avatar{align-items:center;background:var(--accent-soft);border:1px solid #cae7e2;border-radius:8px;color:var(--accent-strong);display:inline-flex;height:36px;justify-content:center;width:36px}.brandBlock h1,.chatHeader h2,.canvasTop h2{font-size:18px;line-height:1.1;margin:0}.brandBlock span,.sectionLabel{color:var(--muted);display:block;font-size:12px;font-weight:650;line-height:1.2}.composer textarea{background:#fbfdfc;border:1px solid var(--border);border-radius:7px;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.composer textarea:focus{background:var(--surface);border-color:#8ac4bc;box-shadow:0 0 0 3px #0f766e1f}.sendButton,.runButton,.canvasJumpButton{align-items:center;border:0;border-radius:7px;display:inline-flex;font-size:13px;font-weight:750;gap:7px;height:38px;justify-content:center;padding:0 13px}.sendButton{background:var(--accent);color:#fff}.sendButton:disabled{background:#9ab5b0;cursor:not-allowed}.workspace{display:grid;gap:12px;grid-template-columns:minmax(390px,.82fr) minmax(430px,1.18fr);min-height:0}.chatPane,.canvasPane{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);min-height:0;overflow:hidden}.chatPane{display:grid;grid-template-rows:auto 1fr auto}.chatHeader,.canvasTop{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:64px;padding:14px 16px}.chatMeta{align-items:center;display:flex;gap:8px}.statusPill,.messageCount{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:700;gap:5px;min-height:28px;padding:0 9px}.statusPill.busy{background:#ecfdf8;border-color:#a9ddd2;color:var(--accent-strong)}.statusPill.error{background:var(--danger-soft);border-color:#ffc8c2;color:var(--danger)}.newChatButton{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--accent-strong);display:inline-flex;font-size:12px;font-weight:800;gap:6px;min-height:30px;padding:0 10px}.newChatButton:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}.iconButton{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--muted);display:inline-flex;height:30px;justify-content:center;width:30px}.transcript{display:grid;gap:14px;min-height:0;overflow-y:auto;padding:16px}.emptyChat{align-self:center;color:var(--muted);justify-self:center;max-width:310px;padding:22px;text-align:center}.emptyChatIcon{align-items:center;background:var(--accent-soft);border:1px solid #cae7e2;border-radius:8px;color:var(--accent-strong);display:inline-flex;height:42px;justify-content:center;margin-bottom:12px;width:42px}.emptyChat h3{color:var(--text);font-size:18px;line-height:1.2;margin:0 0 8px}.emptyChat p{font-size:14px;line-height:1.55;margin:0}.messageRow{align-items:start;display:grid;gap:10px;grid-template-columns:36px 1fr}.messageRow.user{margin-left:18px}.messageRow.assistant{margin-right:18px}.messageRow.user .avatar{background:#edf1f5;border-color:#d9e2e8;color:#344054}.messageBody{background:#fbfdfc;border:1px solid var(--border);border-radius:8px;min-width:0;padding:12px 13px}.messageRow.user .messageBody{background:#f4f7fa}.messageMeta{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:750;gap:9px;margin-bottom:8px}.streaming{align-items:center;color:var(--accent);display:inline-flex;gap:4px}.messageBody p,.markdownPreview p,.messageBody li,.markdownPreview li{color:#2d3d39;font-size:14px;line-height:1.62}.messageBody p,.markdownPreview p{margin:0 0 10px}.messageBody p:last-child,.markdownPreview p:last-child{margin-bottom:0}.messageBody h2,.markdownPreview h2{font-size:20px;line-height:1.25;margin:0 0 10px}.canvasMessageNotice{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.canvasMessageText{flex:1 1 auto;min-width:0}.canvasMessageText p{color:#2d3d39;font-size:14px;font-weight:700;line-height:1.45;margin:0;min-width:0}.canvasMessageText p+p{margin-top:8px}.canvasJumpButton{background:var(--accent-soft);border:1px solid #b8ddd7;color:var(--accent-strong);flex:0 0 auto;height:32px}.messageBody pre,.markdownPreview pre,.rawPanel,.diagramError pre{background:#101816;border-radius:7px;color:#d7f3ed;font-size:12px;line-height:1.55;overflow-x:auto;padding:12px}.composer{align-items:end;border-top:1px solid var(--border);display:grid;gap:10px;grid-template-columns:1fr auto;padding:12px}.composerInputWrap{min-width:0;position:relative}.composerInputWrap>svg{color:var(--muted);left:12px;position:absolute;top:13px}.composer textarea{display:block;min-height:76px;padding:11px 12px 11px 38px;resize:vertical;width:100%}.attachmentTray{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attachmentThumb{background:var(--surface-muted);border:1px solid var(--border);border-radius:7px;height:76px;overflow:hidden;position:relative;width:96px}.attachmentThumb img{display:block;height:100%;object-fit:cover;width:100%}.attachmentThumb span{align-items:center;background:#101816c7;border-radius:5px;bottom:5px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;gap:4px;left:5px;line-height:1;max-width:calc(100% - 10px);padding:4px 5px;position:absolute}.attachmentThumb span svg,.attachmentRemove svg{flex:0 0 auto;position:static}.attachmentRemove{align-items:center;background:#fffffff0;border:1px solid rgba(20,32,29,.14);border-radius:999px;color:var(--text);display:inline-flex;height:24px;justify-content:center;padding:0;position:absolute;right:5px;top:5px;width:24px}.attachmentRemove:disabled{cursor:not-allowed;opacity:.55}.composerError{color:var(--danger);font-size:12px;font-weight:750;line-height:1.35;margin:8px 0 0}.canvasPane{display:grid;grid-template-rows:auto 1fr}.canvasTabs{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;display:flex;gap:3px;padding:3px}.canvasTabs button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:750;gap:6px;height:30px;padding:0 10px}.canvasTabs button.active{background:var(--surface);box-shadow:0 1px 4px #16221f14;color:var(--text)}.markdownPreview,.mermaidList,.rawPanel,.emptyCanvas{min-height:0;overflow:auto;padding:18px}.markdownPreview{margin:0 auto;max-width:860px;width:100%}.markdownPreview ul,.messageBody ul{margin:8px 0 0;padding-left:20px}.messageImageGrid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));margin-top:10px}.messageImageLink{aspect-ratio:4 / 3;background:var(--surface-muted);border:1px solid var(--border);border-radius:7px;display:block;min-width:0;overflow:hidden}.messageImageLink img{display:block;height:100%;object-fit:cover;width:100%}.diagramCard{background:linear-gradient(180deg,#fbfdfc,#f1f6f4);border:1px solid var(--border);border-radius:8px;min-height:320px;padding:18px;position:relative}.diagramSvg{align-items:center;display:flex;justify-content:center;min-height:270px;overflow:auto}.diagramSvg svg{height:auto;max-width:100%}.runButton{background:var(--surface);border:1px solid var(--border);bottom:12px;color:var(--accent-strong);height:32px;position:absolute;right:12px}.diagramLoading,.emptyCanvas{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:10px;justify-content:center;min-height:260px}.diagramError{background:var(--danger-soft);border:1px solid #ffc8c2;border-radius:8px;color:var(--danger);padding:14px}.rawPanel{border-radius:0;height:100%;margin:0}.mobileSwitch{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(330px,.9fr) minmax(360px,1.1fr)}}@media(max-width:760px){.appShell{height:100dvh;min-height:100dvh;padding:8px 8px 70px}.workspace{display:block;min-height:calc(100dvh - 160px)}.chatPane,.canvasPane{display:none;height:calc(100dvh - 160px)}.chatPane.mobileActive,.canvasPane.mobileActive{display:grid}.chatHeader,.canvasTop{align-items:start;flex-direction:column;gap:10px}.chatMeta{flex-wrap:wrap}.messageRow.user,.messageRow.assistant{margin-left:0;margin-right:0}.canvasMessageNotice{align-items:flex-start;flex-direction:column}.composer{grid-template-columns:1fr}.sendButton{width:100%}.canvasTabs{overflow-x:auto;width:100%}.mobileSwitch{background:var(--surface);border:1px solid var(--border);border-radius:8px;bottom:8px;box-shadow:var(--shadow);display:grid;gap:4px;grid-template-columns:1fr 1fr;left:8px;padding:4px;position:fixed;right:8px}.mobileSwitch button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted);display:inline-flex;font-size:13px;font-weight:800;gap:7px;height:42px;justify-content:center}.mobileSwitch button.active{background:var(--accent);color:#fff}}