:root{--bg: #f4f5f7;--panel: #ffffff;--border: #e4e6eb;--text: #1c1e21;--muted: #65676b;--accent: #6d5cff;--accent-soft: #eceaff;--user: #6d5cff;--ok: #1f9d55;--fail: #d93025;--salon: #2563eb;--yookassa: #16a34a;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{height:100vh;display:flex;flex-direction:column}.header{padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:14px;box-shadow:var(--shadow);z-index:2}.header .title{font-weight:700;font-size:17px}.header .sub{font-size:13px;color:var(--muted)}.header code{background:var(--accent-soft);color:var(--accent);padding:1px 6px;border-radius:5px;font-size:12px}.header .warn{color:var(--fail)}.body{flex:1;display:grid;grid-template-columns:1fr 380px;min-height:0}.chat{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.empty{margin:auto;text-align:center;color:var(--muted);max-width:520px}.suggestions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestions button{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:8px 14px;font-size:13px;color:var(--text);cursor:pointer;transition:all .15s}.suggestions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.suggestions button:disabled{opacity:.5;cursor:default}.msg{display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{max-width:76%;padding:10px 14px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word;line-height:1.45;font-size:14.5px;box-shadow:var(--shadow)}.msg.user .bubble{background:var(--user);color:#fff;border-bottom-right-radius:4px}.msg.assistant .bubble{background:var(--panel);border:1px solid var(--border);border-bottom-left-radius:4px}.dots{color:var(--muted)}.composer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--panel)}.composer input{flex:1;padding:11px 14px;border:1px solid var(--border);border-radius:10px;font-size:14.5px;outline:none}.composer input:focus{border-color:var(--accent)}.composer button{padding:11px 20px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:14.5px;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.5;cursor:default}.tools-panel{display:flex;flex-direction:column;min-height:0;background:#fafbfc}.tools-header{padding:14px 16px;font-weight:600;font-size:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.tools-header .count{background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:1px 8px;font-size:12px}.tools-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.tools-empty{color:var(--muted);font-size:13px;text-align:center;margin-top:24px;padding:0 12px;line-height:1.5}.tool{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:8px;padding:10px 12px;box-shadow:var(--shadow);animation:pop .18s ease-out}.tool.running{border-left-color:#f0a020}.tool.ok{border-left-color:var(--ok)}.tool.fail{border-left-color:var(--fail)}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tool-head{display:flex;align-items:center;gap:8px;font-size:13.5px}.tool-name{font-weight:600;font-family:ui-monospace,SF Mono,Menlo,monospace}.tool-server{font-size:11px;padding:1px 7px;border-radius:10px;color:#fff;text-transform:uppercase;letter-spacing:.3px}.srv-salon{background:var(--salon)}.srv-yookassa{background:var(--yookassa)}.tool-time{margin-left:auto;font-size:11px;color:var(--muted)}.tool-args{margin:8px 0 0;background:#f6f7f9;border-radius:6px;padding:8px 10px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-word;color:#334;max-height:160px;overflow:auto}.tool-summary{margin-top:8px;font-size:13px;color:var(--text);white-space:pre-wrap;line-height:1.4}@media (max-width: 820px){.body{grid-template-columns:1fr}.tools-panel{display:none}}