:root{--ink: #1a1a1a;--muted: #6b7280;--line: #e5e7eb;--bg: #f7f7f8;--panel: #ffffff;--teal: #0d7377;--teal-soft: #e6f3f3;--user: #f4f4f5;--warn: #b45309;--warn-bg: #fff7ed;--radius: 12px;--font: "SF Pro Text", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#dfe3e8;font-family:var(--font);color:var(--ink)}.chat{width:1536px;height:1024px;margin:24px auto;background:var(--bg);display:grid;grid-template-columns:280px 1fr;overflow:hidden;border-radius:16px;box-shadow:0 12px 40px #0f172a1f}.chat--mobile{grid-template-columns:1fr;position:relative}.side{background:#111827;color:#e5e7eb;display:flex;flex-direction:column;padding:14px}.side__brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.side__mark{width:32px;height:32px;border-radius:8px;background:var(--teal);display:grid;place-items:center;font-weight:700;font-size:11px;color:#fff}.side__title{font-size:14px;font-weight:600}.side__sub{font-size:11px;color:#9ca3af}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #374151;background:#1f2937;color:#f9fafb;border-radius:10px;padding:10px 12px;font-size:13px;cursor:default}.btn--primary{background:var(--teal);border-color:var(--teal)}.btn--ghost{background:transparent;border-color:#4b5563}.btn--block{width:100%}.side__new{margin-bottom:14px}.side__sec{font-size:11px;color:#9ca3af;margin:10px 0 6px;text-transform:uppercase;letter-spacing:.04em}.conv{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;font-size:13px;color:#e5e7eb}.conv.is-on{background:#1f2937}.conv__meta{font-size:11px;color:#9ca3af}.side__foot{margin-top:auto;font-size:11px;color:#9ca3af;line-height:1.45;padding-top:12px;border-top:1px solid #1f2937}.main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--panel)}.top{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.top__title{font-size:15px;font-weight:600}.top__actions{display:flex;gap:8px}.top__actions .btn,.mobile-bar .btn{color:#111827;background:#fff;border-color:var(--line)}.stream{flex:1 1 auto;min-height:0;overflow:auto;padding:28px 48px 16px}.empty{max-width:720px;margin:48px auto 0;text-align:center}.empty h1{font-size:28px;margin:0 0 8px;letter-spacing:-.02em}.empty p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.55}.examples{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.ex{border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:#fff;font-size:13px;line-height:1.45}.ex strong{display:block;margin-bottom:4px;font-size:13px}.ex span{color:var(--muted);font-size:12px}.warn{margin:18px auto 0;max-width:720px;background:var(--warn-bg);color:var(--warn);border:1px solid #fed7aa;border-radius:10px;padding:10px 12px;font-size:12px;text-align:left}.msg{max-width:820px;width:100%;margin:0 auto 18px;display:flex;gap:12px;align-items:flex-start}.msg--bot{flex-direction:row;justify-content:flex-start}.msg--user{flex-direction:row-reverse;justify-content:flex-start}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.avatar--user{background:#4b5563}.avatar--bot{background:var(--teal)}.bubble{font-size:14px;line-height:1.6;min-width:0}.msg--bot .bubble{max-width:min(100%,720px)}.msg--user .bubble{max-width:min(78%,520px)}.bubble--user{background:var(--teal-soft);color:#0f3f41;border-radius:14px 14px 4px;padding:12px 14px;text-align:left}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;border-radius:999px;padding:3px 8px;background:var(--teal-soft);color:var(--teal)}.chip--muted{background:#f3f4f6;color:#4b5563}.cite{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px;background:#fafafa}.cite__h{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.cite__body{font-size:12px;color:#374151;line-height:1.45}.mono{font-family:var(--mono);font-size:11px}.actions{display:flex;gap:8px;margin-top:8px}.actions .btn{color:#111827;background:#fff;border-color:var(--line);padding:6px 10px;font-size:12px}.composer-wrap{flex-shrink:0;border-top:1px solid var(--line);padding:14px 48px 20px;background:linear-gradient(180deg,#fff0,#fff 30%)}.composer{max-width:820px;margin:0 auto;border:1px solid var(--line);border-radius:16px;background:#fff;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;box-shadow:0 4px 18px #0f172a0f}.composer textarea{width:100%;border:0;resize:none;outline:none;font:inherit;font-size:14px;min-height:44px;max-height:120px}.hint{max-width:820px;margin:8px auto 0;font-size:11px;color:var(--muted);text-align:center}.drawer{position:absolute;inset:0 auto 0 0;width:280px;z-index:2;transform:translate(0);box-shadow:8px 0 24px #00000040}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:1}.mobile-bar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);background:#fff}html,body,#app{height:100%;margin:0;width:100%;max-width:100%;overflow-x:hidden}.chat{width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;box-shadow:none!important;--side-w: 224px;grid-template-columns:var(--side-w) 1fr!important}.chat.chat--side-collapsed:not(.chat--mobile){grid-template-columns:1fr!important}.chat.chat--side-collapsed:not(.chat--mobile)>.side{display:none}.chat.chat--mobile{position:relative;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;overflow-x:hidden}.chat .drawer{width:var(--side-w, 224px)}.chat .side__brand{gap:10px}.chat .side__brand-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.chat .side__title{font-size:16px;line-height:1.2;font-weight:700;font-family:Arial Rounded MT Bold,Arial Rounded Bold,Arial Rounded MT,Arial,sans-serif;letter-spacing:-.02em}.chat .side__title .u8{color:#c8102e}.chat .side__title .doctrag{color:#fff}.chat .top{gap:12px}.chat .top__left{display:flex;align-items:center;gap:10px;min-width:0}.chat .top__left .btn{flex-shrink:0;color:#111827;background:#fff;border-color:var(--line);padding:8px 10px;line-height:1}.chat .top__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat .top__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat .top__icon-btn{flex-shrink:0;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:#374151;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chat .top__icon-btn svg{width:18px;height:18px;display:block;flex-shrink:0}.chat .top__icon-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.chat .top__icon-btn--danger:hover:not(:disabled){background:#fef2f2;color:#b91c1c;border-color:#fecaca}.chat .top__icon-btn:disabled{opacity:.4;cursor:not-allowed}.chat .top__icon-btn:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.chat>.main{min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.chat .stream{flex:1 1 auto;min-height:0;overflow-y:auto}.chat .composer-wrap{flex-shrink:0}.chat .composer{align-items:end}.chat .composer__action{width:36px;height:36px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--teal);color:#fff;cursor:pointer;transition:background .15s ease,transform .12s ease,opacity .15s ease}.chat .composer__action:hover:not(:disabled){background:#0a5f62}.chat .composer__action:active:not(:disabled){transform:scale(.96)}.chat .composer__action:disabled{cursor:not-allowed;opacity:.4}.chat .composer__action--stop{background:#111827}.chat .composer__action--stop:hover:not(:disabled){background:#1f2937}.chat .composer__action:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.chat .composer__icon{width:18px;height:18px;display:block}.chat .msg__stack{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chat .msg--bot .msg__stack{align-items:flex-start;max-width:min(100%,720px)}.chat .msg--user .msg__stack{max-width:min(78%,520px)}.chat .msg--user .bubble{max-width:100%}.chat .msg__stack--editing .bubble--user{outline:2px solid var(--teal);outline-offset:1px}.chat .msg__float{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:#ffffffeb;border:1px solid var(--line);box-shadow:0 2px 8px #0f172a14;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .15s ease,transform .15s ease}.chat .msg--user:hover .msg__float,.chat .msg--user:focus-within .msg__float,.chat .msg__stack--editing .msg__float{opacity:1;pointer-events:auto;transform:translateY(0)}@media(hover:none){.chat .msg__float{opacity:1;pointer-events:auto;transform:none}}.chat .msg__icon-btn{width:26px;height:26px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#4b5563;cursor:pointer}.chat .msg__icon-btn svg{width:14px;height:14px;display:block}.chat .msg__icon-btn:hover:not(:disabled){background:#f3f4f6;color:var(--teal)}.chat .msg__icon-btn:disabled{opacity:.4;cursor:not-allowed}.chat .msg__icon-btn:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.chat>.side{min-height:0;overflow-y:auto}.chat button.btn,.chat .conv,.chat .ex,.chat .top__icon-btn{cursor:pointer}.chat button.btn:disabled,.chat .ex:disabled,.chat .top__icon-btn:disabled{cursor:not-allowed}.chat .ex{width:100%;text-align:left;font:inherit;color:inherit}.chat .conv:focus-visible,.chat button.btn:focus-visible,.chat .ex:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.bubble__md{line-height:1.55;overflow-wrap:anywhere;word-break:break-word}.bubble__md h2,.bubble__md h3,.bubble__md h4{margin:.65em 0 .35em;font-size:15px;font-weight:600;line-height:1.35;color:#111827}.bubble__md h3{font-size:14px}.bubble__md h4{font-size:13px;color:#1f2937}.bubble__md h2:first-child,.bubble__md h3:first-child,.bubble__md h4:first-child{margin-top:0}.bubble__md p{margin:.4em 0}.bubble__md ul,.bubble__md ol{margin:.4em 0 .55em;padding-left:1.35em}.bubble__md li{margin:.28em 0;padding-left:.15em;line-height:1.55}.bubble__md li>ul,.bubble__md li>ol{margin:.2em 0 .35em}.bubble__md .md-li-cont{margin:.2em 0 .15em;color:#374151;font-size:13px;line-height:1.5}.bubble__md li>.md-li-cont{margin-left:0}.bubble__md .md-hr{border:none;border-top:1px solid var(--line, #e5e7eb);margin:12px 0}.bubble__md .md-link{color:var(--teal, #0f766e);text-decoration:underline;text-underline-offset:2px}.bubble__md em{font-style:italic}.bubble__md strong{font-weight:650;color:#111827}.bubble__md .md-inline-code{font-size:12px;background:#f3f4f6;padding:1px 5px;border-radius:4px}.bubble__md .md-quote{margin:10px 0;padding:8px 12px;border-left:3px solid var(--teal);background:#f8fafc;color:#4b5563;font-size:12.5px;line-height:1.5}.bubble__md .md-table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0;overflow:auto;display:block;max-width:100%}.bubble__md .md-table thead,.bubble__md .md-table tbody{display:table;width:100%;table-layout:auto}.bubble__md .md-table th,.bubble__md .md-table td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}.bubble__md .md-table th{background:#f3f4f6;font-weight:600;color:#111827;white-space:nowrap}.bubble__md .md-code{margin:12px 0;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;background:#0f172a;box-shadow:0 1px #0f172a0a}.bubble__md .md-code__cap{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;background:#1e293b;border-bottom:1px solid #334155;font-size:11px;letter-spacing:.04em}.bubble__md .md-code__cap-right{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.bubble__md .md-code__label{font-weight:700;color:#5eead4;font-family:var(--mono)}.bubble__md .md-code__hint{color:#94a3b8;font-size:10px;letter-spacing:0}.bubble__md .md-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #475569;background:#334155;color:#e2e8f0;font-size:11px;line-height:1;padding:4px 8px;border-radius:6px;cursor:pointer;letter-spacing:0}.bubble__md .md-copy:hover{background:#475569;border-color:#64748b}.bubble__md .md-copy--done{background:#0f766e;border-color:#14b8a6;color:#ecfdf5}.bubble__md .md-copy--fail{background:#7f1d1d;border-color:#b91c1c;color:#fee2e2}.bubble__md .md-copy--secondary{background:#fff;border-color:#d1d5db;color:#374151}.bubble__md .md-table-wrap{margin:12px 0;border:1px solid var(--line, #e5e7eb);border-radius:10px;overflow:hidden;background:#fff}.bubble__md .md-table-wrap .md-table{margin:0;border:0;border-radius:0}.bubble__md .md-table__toolbar{display:flex;justify-content:flex-end;gap:6px;padding:6px 10px;background:#f9fafb;border-top:1px solid var(--line, #e5e7eb)}.bubble__md .md-table__toolbar .md-copy{background:#fff;border-color:#d1d5db;color:#374151}.bubble__md .md-table__toolbar .md-copy:hover{background:#f3f4f6}.bubble__md .md-code__pre{margin:0;padding:12px 14px;overflow-x:auto;font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;color:#e2e8f0}.bubble__md .md-code__body{overflow-x:auto;padding:8px 0 10px}.bubble__md .md-code__lines{margin:0;padding:0;list-style:none;counter-reset:sql-line;font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;color:#e2e8f0;min-width:max-content}.bubble__md .md-code__lines>li{display:grid;grid-template-columns:2.6em 1fr;column-gap:10px;padding:0 14px 0 0;white-space:pre}.bubble__md .md-code__lines>li:before{counter-increment:sql-line;content:counter(sql-line);text-align:right;color:#64748b;-webkit-user-select:none;user-select:none;padding-right:10px;border-right:1px solid #334155;font-variant-numeric:tabular-nums}.bubble__md .md-code__lines code{font:inherit;background:transparent;padding:0;color:inherit}.bubble__md .sql-kw{color:#7dd3fc;font-weight:600}.bubble__md .sql-str{color:#86efac}.bubble__md .sql-num{color:#fcd34d}.bubble__md .sql-cmt{color:#94a3b8;font-style:italic}.bubble__md .md-math{font-family:Times New Roman,"Noto Serif SC",Songti SC,serif;font-style:italic;padding:0 2px;color:#0f172a}.bubble__md .md-math-block{margin:10px 0;padding:12px 16px;text-align:center;font-family:Times New Roman,"Noto Serif SC",Songti SC,serif;font-size:15px;line-height:1.6;background:#f8fafc;border:1px solid var(--line);border-radius:8px;overflow-x:auto}.bubble__cursor{display:inline-block;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@media(max-width:900px){.chat.chat--mobile{grid-template-columns:1fr!important}.chat.chat--mobile .side:not(.drawer){display:none}.chat.chat--mobile .drawer{display:flex;position:absolute;inset:0 auto 0 0;width:min(280px,86vw);max-width:100%;z-index:2;height:100%}.chat.chat--mobile .main{min-width:0;width:100%;max-width:100%}.stream{padding:20px 16px 12px!important}.composer-wrap{padding-left:16px!important;padding-right:16px!important}.examples{grid-template-columns:1fr!important}}