:root{--bg: #0f172a;--panel: #111827;--muted: #334155;--user: #2563eb;--bot: #475569;--text: #e5e7eb;--ring: #3b82f6;--border: #1e293b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 70% -100px,#1e293b 0,var(--bg) 60%);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial}.app{height:100%;display:grid;grid-template-rows:auto auto 1fr auto;max-width:1020px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border);background:linear-gradient(180deg,#02061700,#02061740)}.topbar{padding:14px 16px;background:#111827b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #111827;font-weight:600;letter-spacing:.2px}.chat{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.row{display:flex;width:100%}.row.user{justify-content:flex-end}.row.bot{justify-content:flex-start}.bubble{max-width:min(75%,720px);padding:10px 12px;border-radius:14px;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px #00000026}.row.user .bubble{background:var(--user);color:#fff;border-bottom-right-radius:4px}.row.bot .bubble{background:var(--bot);color:#fff;border-bottom-left-radius:4px}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:linear-gradient(180deg,#02061700,#02061780);border-top:1px solid #0b1220}.composer input{width:100%;padding:12px;border-radius:10px;border:1px solid #0b1220;background:var(--panel);color:var(--text);outline:none}.composer input:focus{border-color:var(--ring);box-shadow:0 0 0 3px #3b82f640}.composer button{padding:0 16px;border-radius:10px;border:1px solid #0b1220;background:#1f2937;color:var(--text);cursor:pointer}.composer button:hover{background:#263142}.composer button:active{transform:translateY(1px)}.settings{display:grid;gap:8px;padding:12px 12px 4px;background:#11182759;border-bottom:1px solid var(--border)}.settings-row{display:grid;grid-template-columns:1fr 160px repeat(3,90px);gap:8px}.settings-label{display:grid;gap:4px;font-size:12px;color:#cbd5e1}.settings-label.small{width:100%}.settings-input,.settings-textarea{padding:8px 10px;border-radius:8px;border:1px solid #0b1220;background:var(--panel);color:var(--text);outline:none}.settings-input:focus,.settings-textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px #3b82f640}.settings-label.block .settings-textarea{width:100%}.fncalls{margin-top:8px;background:#02061759;border:1px solid var(--border);border-radius:12px;overflow:hidden}.fncalls-title{padding:6px 10px;font-size:12px;opacity:.9;border-bottom:1px solid var(--border)}.fncall{padding:8px 10px;border-bottom:1px dashed var(--border)}.fncall:last-child{border-bottom:0}.fncall-name{font-weight:600;margin-bottom:6px}.fncall-args{margin:0;padding:8px;background:#00000040;border-radius:8px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.35}.fncall-id{margin-top:6px;font-size:11px;opacity:.8}.typing{opacity:.8;font-style:italic}