@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;background:#0a0b0e;color:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;color:#f5f7fb}button,textarea,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;background:transparent}.loading-shell{align-items:center;justify-content:center}.loading-card{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-radius:999px;background:#171922db;border:1px solid rgba(255,255,255,.08)}.spin{animation:spin 1s linear infinite}.sidebar{position:fixed;left:0;top:0;height:100vh;width:64px;overflow:hidden;transition:width .2s ease,background .2s ease;background:#111215;z-index:100;border-right:1px solid rgba(255,255,255,.04)}.sidebar:hover,.sidebar:focus-within{width:300px;background:#111317;border-right:1px solid rgba(255,255,255,.08);box-shadow:12px 0 24px #00000080}.sidebar-inner{width:300px;height:100%;display:flex;flex-direction:column;padding:10px}.sidebar-header{display:flex;align-items:center;height:44px;margin-bottom:24px}.icon-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:#e3e3e3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.icon-btn:hover{background:#ffffff14}.new-chat-btn{display:flex;align-items:center;background:#2a2b2f;border:none;border-radius:24px;padding:0;color:#e3e3e3;cursor:pointer;width:44px;height:44px;transition:width .2s ease,background .2s;overflow:hidden;margin-bottom:24px}.new-chat-btn>svg{min-width:44px}.new-chat-btn .sidebar-label{padding-left:4px;padding-right:12px}.new-chat-btn:hover{background:#33353a}.sidebar:hover .new-chat-btn,.sidebar:focus-within .new-chat-btn{width:142px}.sidebar-label{opacity:0;white-space:nowrap;transition:opacity .2s;pointer-events:none}.sidebar:hover .sidebar-label,.sidebar:focus-within .sidebar-label{opacity:1;pointer-events:auto;transition-delay:.1s}.sidebar-title{margin:0 0 12px 14px;font-size:.85rem;color:#a8c7fa;font-weight:500}.sidebar-list{display:flex;flex-direction:column;gap:4px}.session-item{display:flex;align-items:center;height:44px;width:44px;padding:0;border-radius:22px;cursor:pointer;color:#e3e3e3;transition:width .2s ease,background .2s;overflow:hidden}.sidebar:hover .session-item,.sidebar:focus-within .session-item{width:100%}.session-item:hover{background:#ffffff0a}.session-item.active{background:#1e2836}.session-icon{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px}.session-details{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-left:8px}.session-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-delete{background:transparent;border:none;color:#e3e3e3;cursor:pointer;padding:8px;border-radius:50%;display:flex;opacity:0}.session-item:hover .session-delete.sidebar-label{opacity:1}.session-delete:hover{background:#ffffff1a}.session-status{width:10px;height:10px;border-radius:999px;background:#4fba79;box-shadow:0 0 14px currentColor}.session-status-running{background:#50c6ff}.session-status-error{background:#ff6b78}.session-status-cancelled{background:#f2b66d}.workspace{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;padding:1.35rem 1.6rem 1.45rem 5rem}.top-error,.trace-view,.composer-shell{width:100%;max-width:860px}.top-error{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.8rem;padding:.8rem 1rem;border-radius:16px;background:#ff6b781f;border:1px solid rgba(255,107,120,.24)}.trace-view{flex:1;min-height:0;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem}.chat-header h2{margin:.15rem 0 0;font-size:1.55rem}.chat-kicker{margin:0;color:#98a7c7;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.chat-header-meta{display:flex;align-items:center;gap:.7rem}.chat-header-seq{color:#8f9db9;font-family:IBM Plex Mono,monospace}.status-pill{border-radius:999px;padding:.35rem .7rem;font-size:.78rem;background:#ffffff14;border:1px solid rgba(255,255,255,.08);text-transform:capitalize}.status-pill-running{color:#9ce8ff;background:#40a7e229}.status-pill-completed,.status-pill-idle{color:#bff3cf;background:#4fba7924}.status-pill-failed,.status-pill-error{color:#ffc0c7;background:#ff6b7829}.status-pill-cancelled{color:#ffd8ab;background:#f2b66d2e}.trace-list{flex:1;min-height:0;overflow-y:auto;padding-right:.45rem;display:flex;flex-direction:column;gap:3rem}.trace-empty,.thread-placeholder{flex:1;display:grid;place-items:center}.trace-empty-card,.thread-placeholder{text-align:center;max-width:560px;margin:auto;color:#c4cee3}.trace-empty-card h2,.thread-placeholder p{margin:0 0 .5rem}.trace-empty-kicker{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.12em;color:#9dafd3;font-size:.72rem}.turn-stack{display:flex;flex-direction:column;gap:1.5rem}.bubble{border-radius:16px;padding:1.1rem 1.15rem}.bubble-user{align-self:flex-end;background:#1f2126;color:#e3e6ed;max-width:85%}.bubble-assistant{align-self:flex-start;width:100%;background:transparent;border:none;padding:0}.bubble-user p{margin:0;font-size:1.02rem;line-height:1.55;white-space:pre-wrap}.reasoning-panel{margin-bottom:.9rem;border-left:2px solid #edaf5e;border-radius:0;background:transparent}.reasoning-toggle{width:100%;border:none;background:transparent;color:#d8deed;display:flex;align-items:center;justify-content:space-between;padding:.85rem .95rem}.reasoning-copy{margin:0;padding:0 .95rem .95rem;white-space:pre-wrap;color:#edaf5e;font-family:inherit;font-size:.95rem;line-height:1.55;font-style:italic}.tool-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.tool-card{border-radius:10px;background:#191c21;border:1px solid rgba(255,255,255,.08)}.tool-card-header{width:100%;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;padding:.9rem .95rem}.tool-card-title{display:inline-flex;align-items:center;gap:.6rem}.tool-state{padding:.2rem .55rem;border-radius:999px;font-size:.75rem;text-transform:capitalize}.tool-state-running,.tool-state-pending{color:#98dcff;background:#49a6de29}.tool-state-completed{color:#c8f3d4;background:#4fba7924}.tool-state-failed{color:#ffc0c7;background:#ff6b7829}.tool-card-body{padding:0 .95rem .95rem;display:flex;flex-direction:column;gap:.9rem}.tool-label{margin:0 0 .5rem;color:#90a1c5;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.json-block,.terminal-block{margin:0;border-radius:16px;background:#0a0d14;border:1px solid rgba(255,255,255,.06);padding:.95rem;overflow-x:auto;color:#d7deee;font-family:IBM Plex Mono,monospace;font-size:.86rem;line-height:1.6}.terminal-line{display:flex;gap:.7rem;white-space:pre-wrap}.terminal-line+.terminal-line{margin-top:.3rem}.terminal-stream{min-width:48px;color:#7aa3ff}.terminal-line-stderr{color:#ffbac2}.tool-error,.retry-item,.turn-error{display:inline-flex;align-items:center;gap:.5rem;color:#ffc0c7}.retry-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.assistant-markdown{color:#eef2fb;line-height:1.7}.assistant-markdown>*:first-child{margin-top:0}.assistant-markdown>*:last-child{margin-bottom:0}.assistant-markdown p,.assistant-markdown ul,.assistant-markdown ol,.assistant-markdown pre,.assistant-markdown blockquote{margin:.8rem 0}.assistant-markdown a{color:#91b3ff}.inline-code,.inline-file-ref{padding:.16rem .42rem;border-radius:6px;font-family:IBM Plex Mono,monospace;font-size:.92em}.inline-code{background:#1f2229;border:1px solid rgba(255,255,255,.1);color:#e582b1}.inline-file-ref{background:#4773ff21;color:#89b0ff}.assistant-placeholder{margin:0;color:#aab8d4}.composer-shell{position:sticky;bottom:0;padding-top:1rem;background:transparent}.composer-shell-centered{margin-top:auto;padding-bottom:12vh}.composer-card{max-width:100%;margin:0 auto;background:#1a1c22;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:1rem;box-shadow:0 20px 20px 8px #000}.composer-header{display:none}.composer-input{width:100%;resize:none;min-height:60px;max-height:300px;background:transparent;border:none;color:#e5e7eb;outline:none;line-height:1.5;font-size:.98rem;padding:0}.composer-input::placeholder{color:#6b7280}.composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:.5rem}.composer-hint{display:none}.composer-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:#e3e3e3;color:#131314;cursor:pointer;transition:transform .2s ease,background .2s ease}.composer-icon-btn:disabled{background:#ffffff14;color:#fff3;cursor:not-allowed}.composer-icon-btn:not(:disabled):hover{transform:scale(1.05)}.composer-stop{background:#2a2b2f;color:#e3e3e3}.icon-btn:hover{opacity:.8}.spin-hidden{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1080px){.sidebar-open{width:min(280px,calc(100vw - 76px))}}@media(max-width:900px){.sidebar{width:0;border-right:none}.sidebar:hover,.sidebar:focus-within{width:280px;border-right:1px solid rgba(255,255,255,.08)}.workspace{padding:1rem}.bubble-user{max-width:100%}}@media(max-width:720px){.chat-header{flex-direction:column;align-items:flex-start}.composer-card{border-radius:20px}}
