*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1a1a1a;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{height:100%;display:flex}aside{background:#f0f1f3;border-right:1px solid #e2e3e6;flex-direction:column;flex:none;gap:8px;width:260px;padding:12px;display:flex;overflow-y:auto}.new-chat{cursor:pointer;background:#fff;border:1px solid #c9ccd1;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600}.new-chat:hover{background:#f6f7f9}.convos{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.convos li{border-radius:8px;align-items:center;display:flex}.convos li.active{background:#dde3f5}.convos .open{text-align:left;color:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:7px 8px;font-size:13px;overflow:hidden}.convos .del{color:#8a8f98;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:14px}.convos .del:hover{color:#c0392b;background:#f6f7f9}main{flex-direction:column;flex:1;min-width:0;display:flex}.messages{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.empty{color:#8a8f98;text-align:center;max-width:360px;margin:auto;font-size:14px}.msg{flex-direction:column;align-items:flex-start;max-width:760px;display:flex}.msg.user{align-self:flex-end;align-items:flex-end}.bubble{word-break:break-word;border-radius:12px;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.5}.msg.user .bubble{color:#fff;background:#2563eb;border-bottom-right-radius:4px}.msg.assistant .bubble{background:#fff;border:1px solid #e2e3e6;border-bottom-left-radius:4px}.bubble.dim{color:#8a8f98;background:#fff;border:1px dashed #d0d4da}.err{color:#c0392b;margin-top:6px;font-size:13px}.md{line-height:1.55}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:.5em 0}.md h1,.md h2,.md h3,.md h4{margin:.8em 0 .4em;line-height:1.3}.md h1,.md h2{font-size:1.15em}.md h3{font-size:1.05em}.md h4{font-size:1em}.md ul,.md ol{margin:.5em 0;padding-left:1.5em}.md li,.md li>p{margin:.2em 0}.md a{color:#2563eb;text-decoration:underline}.md blockquote{color:#5b6470;border-left:3px solid #d0d4da;margin:.5em 0;padding:0 0 0 12px}.md hr{border:0;border-top:1px solid #e3e5e9;margin:.8em 0}.md code{background:#f0f1f3;border-radius:4px;padding:.15em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.md pre{color:#e6e8ee;background:#1e2025;border-radius:8px;margin:.5em 0;padding:10px 12px;overflow-x:auto}.md pre code{color:inherit;background:0 0;padding:0;font-size:.85em}.md table{border-collapse:collapse;margin:.5em 0;font-size:13px}.md th,.md td{text-align:left;border:1px solid #d8dbe0;padding:4px 10px}.md th{background:#f4f5f7}.msg.user .md a{color:#fff}.msg.user .md code{background:#ffffff40}.msg.user .md pre{color:#fff;background:#00000040}.tool-block{background:#f7f8fa;border:1px solid #d8dbe0;border-radius:8px;max-width:100%;margin:6px 0 2px;overflow:hidden}.tool-block .tool-head{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.tool-block .tool-head:hover{background:#eef0f3}.tool-block .tool-icon{color:#9aa0a8;flex:none;width:14px;font-size:12px}.tool-block.run .tool-icon{color:#2563eb}.tool-block.done .tool-icon{color:#1a7f37}.tool-block.failed .tool-icon{color:#c0392b}.tool-block .tool-name{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600}.tool-block .tool-args{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;overflow:hidden}.tool-block .caret{color:#9aa0a8;flex:none;font-size:11px}.tool-body{border-top:1px solid #e3e5e9;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.tool-field .tool-label{text-transform:uppercase;letter-spacing:.06em;color:#8a8f98;margin-bottom:4px;font-size:10px}.tool-field pre{color:#d6dae2;white-space:pre;background:#0f1115;border-radius:6px;max-height:320px;margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;overflow:auto}.composer{background:#fff;border-top:1px solid #e2e3e6;align-items:flex-end;gap:8px;padding:16px 24px;display:flex}.composer textarea{resize:none;font:inherit;border:1px solid #c9ccd1;border-radius:10px;flex:1;padding:10px 12px;font-size:14px;line-height:1.4}.composer textarea:focus{outline-offset:-1px;outline:2px solid #2563eb}.composer button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.composer button:disabled{cursor:default;background:#b6c3dd}
