*{box-sizing:border-box}:root{--page-bg:#f3f4f6;--surface:#ffffff;--surface-muted:#f8fafc;--border:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--btn-primary:#17263d;--btn-primary-hover:#1f3554}body,html{margin:0;padding:0;height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mcp-page,body{background:var(--page-bg)}.mcp-page{height:100vh}.mcp-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 420px}.mcp-main-panel{min-width:0;padding:2rem;overflow-y:auto}.mcp-chat-panel{min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface)}.chat-panel-head{width:-moz-fit-content;width:fit-content;margin:1rem 1rem .75rem auto;padding:.75rem 1rem;border-radius:.6rem;font-size:.9rem;color:var(--text-primary);background:#f3f4f6}.chat-panel-body{min-height:0;flex:1 1;display:flex}.chat-panel-body>*{width:100%;height:100%}.chat-empty-state{margin:0 auto;text-align:center;max-width:20rem;color:var(--text-secondary)}.chat-empty-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.chat-empty-description{margin:0;font-size:.85rem}.mcp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.mcp-header h1{margin:0;font-size:2.4rem;line-height:1.05;letter-spacing:-.03em}.mcp-header p{margin:.65rem 0 0;color:var(--text-secondary);font-size:.95rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.mcp-header a{color:#2563eb;text-decoration:none;font-size:.9rem}.mcp-header a:hover{text-decoration:underline}.mcp-header-actions{display:flex;align-items:center;gap:.75rem}.btn-primary,.btn-secondary{border:1px solid transparent;border-radius:.6rem;font-size:.85rem;font-weight:600;line-height:1;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn-primary{background:var(--btn-primary);color:#fff}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:#fff;color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:#f3f4f6}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#991b1b;border-color:#fecaca;background:#fff5f5}.btn-danger:hover{background:#fee2e2}.mcp-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.mcp-metric-card{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;padding:1rem}.mcp-metric-card span{display:block;color:var(--text-muted);font-size:.8rem}.mcp-metric-card strong{display:block;margin-top:.25rem;font-size:1.95rem;line-height:1}.mcp-panel-card{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;padding:1.25rem;margin-bottom:1.25rem}.mcp-panel-card h2{margin:0;font-size:1.1rem}.example-collapse{margin-bottom:1.25rem}.example-collapse-toggle{width:-moz-fit-content;width:fit-content;padding:0;margin:0 0 .7rem;border:0;background:transparent;color:var(--text-primary);display:inline-flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;cursor:pointer}.example-collapse-icon{display:inline-block;transform:rotate(180deg);transform-origin:center;font-size:.95rem;color:var(--text-secondary);transition:transform .2s ease}.example-collapse-icon.is-open{transform:rotate(0deg)}.example-collapse-content{margin-bottom:0}.example-list{margin-top:0;display:flex;flex-direction:column;gap:.9rem}.example-card{border:1px solid var(--border);border-radius:.7rem;padding:.95rem;background:var(--surface-muted)}.example-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.example-card h3{margin:0;font-size:1.15rem}.example-card p{margin:.35rem 0 0;color:var(--text-secondary);font-size:.85rem}.example-card pre{margin:1rem 0 0;padding:.8rem;border-radius:.55rem;background:#eef1f5;color:#1f2937;overflow-x:auto;font-size:.8rem;line-height:1.45}.server-list-card{min-height:320px}.server-empty-state,.server-loading-state{margin-top:1rem;min-height:160px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:.7rem;color:var(--text-muted);font-size:.95rem}.server-list{list-style:none;padding:0;margin:1rem 0 0;border:1px solid var(--border);border-radius:.7rem;overflow:hidden}.server-row-item+.server-row-item{border-top:1px solid var(--border)}.server-row-trigger{width:100%;border:0;padding:.8rem 1rem;margin:0;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#fff;cursor:pointer}.server-row-trigger:hover{background:#f9fafb}.server-row-main{gap:.5rem;font-weight:600;font-size:.9rem}.server-row-main,.server-row-meta{display:inline-flex;align-items:center}.server-row-meta{gap:.45rem}.server-dot{width:.56rem;height:.56rem;border-radius:50%}.server-dot.is-connected{background:#16a34a}.server-dot.is-disconnected{background:#dc2626}.server-transport{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.02em}.server-tool-badge,.server-transport{display:inline-block;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.server-tool-badge{background:#e5e7eb;color:#374151}.server-tools-panel{border-top:1px solid var(--border);padding:.65rem 1rem .85rem;background:#f9fafb}.server-tools-list{margin:0;padding-left:1rem;color:var(--text-secondary);font-size:.85rem}.server-tools-list li+li{margin-top:.32rem}.server-tools-empty{margin:0;color:var(--text-muted);font-size:.85rem}.server-item-actions{margin-top:.85rem;display:flex;gap:.5rem;align-items:center}.server-item-actions .btn-secondary{padding:.45rem .7rem;font-size:.75rem}.server-action-error{margin:.7rem 0 0;color:#b91c1c;font-size:.82rem}.server-table-wrap{margin-top:1rem;border:1px solid var(--border);border-radius:.7rem;overflow:auto}.server-table{width:100%;border-collapse:collapse;min-width:560px;background:#fff}.server-table td,.server-table th{text-align:left;font-size:.82rem;padding:.7rem .85rem;border-bottom:1px solid #e5e7eb}.server-table th{background:#f3f4f6;color:var(--text-muted);font-weight:700}.server-table tbody tr:last-child td{border-bottom:0}.modal-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(2,6,23,.42);backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px)}.add-server-modal{width:min(520px,100%);border:1px solid #d7dce4;border-radius:.75rem;background:#f8fafc;box-shadow:0 18px 42px rgba(15,23,42,.24);padding:1rem 1.25rem 1.1rem}.add-server-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.add-server-modal-header h2{margin:0;font-size:1.15rem;line-height:1}.modal-close-btn{border:0;background:transparent;color:#64748b;font-size:1.6rem;line-height:1;padding:.15rem;cursor:pointer}.modal-close-btn:hover{color:#334155}.add-server-form{display:grid;grid-gap:.72rem;gap:.72rem}.add-server-form label{font-size:.88rem;font-weight:600;color:#111827}.modal-input{width:100%;height:2.6rem;border:1px solid #d1d5db;border-radius:.55rem;background:#fff;color:#0f172a;padding:0 .82rem;font-size:.9rem}.modal-input::placeholder{color:#9ca3af}.connection-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.connection-type-btn{height:2.5rem;border:1px solid #d1d5db;border-radius:.55rem;background:#fff;color:#334155;font-size:.9rem;font-weight:600;cursor:pointer}.connection-type-btn.is-selected{background:#e5e7eb;border-color:#94a3b8;color:#1e293b}.modal-error{margin:.2rem 0 0;color:#b91c1c;font-size:.82rem}.add-server-modal-actions{margin-top:.4rem;display:flex;justify-content:flex-end;align-items:center;gap:.55rem}.hexos-message-list::-webkit-scrollbar{width:6px}.hexos-message-list::-webkit-scrollbar-track{background:transparent}.hexos-message-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.hexos-message-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}button:focus,input:focus,textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}button:focus:not(:focus-visible){outline:none}@media (max-width:1320px){.mcp-layout{grid-template-columns:minmax(0,1fr) 360px}.mcp-header h1{font-size:2.1rem}}@media (max-width:1024px){.mcp-layout{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:100vh}.mcp-main-panel{padding:1.15rem}.mcp-chat-panel{border-left:0;border-top:1px solid var(--border);min-height:540px}.mcp-header{flex-direction:column}.mcp-header h1{font-size:1.8rem}.mcp-metrics-grid{grid-template-columns:1fr}.example-card-header{flex-direction:column;align-items:flex-start}.add-server-modal{width:min(520px,calc(100vw - 1.25rem))}.add-server-modal-header h2{font-size:1.05rem}.add-server-modal-actions{justify-content:stretch}.add-server-modal-actions .btn-primary,.add-server-modal-actions .btn-secondary{flex:1 1}}.hexos-chat-window{--hexos-bg-primary:#ffffff;--hexos-bg-secondary:#f9fafb;--hexos-bg-input:#f3f4f6;--hexos-bg-user-bubble:#3b82f6;--hexos-bg-agent-bubble:#f3f4f6;--hexos-border-color:#e5e7eb;--hexos-border-subtle:#f3f4f6;--hexos-text-primary:#111827;--hexos-text-secondary:#6b7280;--hexos-text-muted:#9ca3af;--hexos-accent:#3b82f6;--hexos-accent-hover:#2563eb;--hexos-radius-sm:0.375rem;--hexos-radius-md:0.75rem;--hexos-radius-lg:1rem;--hexos-radius-xl:1.5rem;--hexos-radius-full:9999px;--hexos-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;height:100%;min-width:0;background-color:var(--hexos-bg-primary);border-radius:var(--hexos-radius-lg);border:1px solid var(--hexos-border-color);overflow:hidden;font-family:var(--hexos-font-sans)}.hexos-chat-window,.hexos-chat-window *,.hexos-chat-window :after,.hexos-chat-window :before{box-sizing:border-box}.hexos-chat-window.hexos-variant-default{border-radius:var(--hexos-radius-lg);border:1px solid var(--hexos-border-color)}.hexos-chat-window.hexos-variant-sidebar{border-radius:0;border:none;border-left:1px solid var(--hexos-border-color)}.hexos-chat-window.hexos-variant-floating{position:fixed;bottom:1rem;right:1rem;width:24rem;height:32rem;border-radius:var(--hexos-radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:50}.hexos-chat-window.hexos-variant-fullscreen{position:fixed;inset:0;border-radius:0;border:none}.hexos-chat-header{padding:1rem;border-bottom:1px solid var(--hexos-border-color);background-color:var(--hexos-bg-primary)}.hexos-chat-error{padding:.75rem 1rem;background-color:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:.875rem;display:flex;justify-content:space-between;align-items:center}.hexos-chat-error__dismiss{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;font-size:1.25rem;line-height:1}.hexos-chat-empty{align-items:center;justify-content:center;padding:2rem;text-align:center}.hexos-chat-empty,.hexos-message-list{flex:1 1;display:flex;flex-direction:column}.hexos-message-list{overflow-y:auto;overflow-x:hidden;padding:1rem;gap:.75rem;scroll-behavior:smooth;min-width:0}.hexos-message-list-empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--hexos-text-muted);font-size:.875rem}.hexos-message{display:flex;flex-direction:column;max-width:85%;min-width:0}.hexos-message--user{align-self:flex-end;align-items:flex-end}.hexos-message--assistant{align-self:flex-start;align-items:flex-start}.hexos-message--user .hexos-message__content{align-items:flex-end}.hexos-message--assistant .hexos-message__content{align-items:flex-start}.hexos-message__content{display:flex;flex-direction:column;gap:.5rem;min-width:0;max-width:100%}.hexos-message__bubble{padding:.625rem 1rem;font-size:.875rem;line-height:1.5;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.hexos-message--user .hexos-message__bubble{background-color:var(--hexos-bg-user-bubble);color:white;border-radius:var(--hexos-radius-xl) var(--hexos-radius-xl) var(--hexos-radius-sm) var(--hexos-radius-xl)}.hexos-message--assistant .hexos-message__bubble{background-color:var(--hexos-bg-agent-bubble);color:var(--hexos-text-primary);border-radius:var(--hexos-radius-xl) var(--hexos-radius-xl) var(--hexos-radius-xl) var(--hexos-radius-sm)}.hexos-message__agent-name{font-size:.75rem;font-weight:500;color:var(--hexos-text-secondary);margin-bottom:.25rem}.hexos-message__timestamp{font-size:.6875rem;color:var(--hexos-text-muted);margin-top:.25rem}.hexos-message__reasoning{width:100%;margin-bottom:.5rem}.hexos-message-tool-calls{margin-top:.5rem;width:100%}.hexos-message__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;min-width:0}.hexos-message-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto;min-width:0}.hexos-message--with-avatar{flex-direction:row;gap:.5rem;max-width:90%;min-width:0}.hexos-message--with-avatar.hexos-message--user{flex-direction:row-reverse}.hexos-message__avatar{width:2rem;height:2rem;border-radius:var(--hexos-radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;color:white}.hexos-message--user .hexos-message__avatar{background-color:var(--hexos-accent)}.hexos-message--assistant .hexos-message__avatar{background-color:var(--hexos-text-secondary)}.hexos-message--with-avatar .hexos-message__content{flex:1 1;min-width:0}.hexos-input-composer{padding:.875rem 1rem 1rem;border-top:1px solid var(--hexos-border-subtle);background-color:var(--hexos-bg-primary);min-width:0}.hexos-input-composer__attachments{display:flex;align-items:center;max-width:100%;gap:.5rem;margin-bottom:.625rem;flex-wrap:wrap}.hexos-input-composer__attachment{display:flex;align-items:center;gap:.25rem;max-width:100%;padding:.375rem .625rem;background-color:var(--hexos-bg-secondary);border-radius:var(--hexos-radius-md);font-size:.75rem;color:var(--hexos-text-secondary);overflow-wrap:anywhere}.hexos-input-composer__attachment-remove{background:none;border:none;color:var(--hexos-text-muted);cursor:pointer;padding:0;font-size:1rem;line-height:1}.hexos-input-composer__attachment-remove:hover{color:var(--hexos-text-secondary)}.hexos-input-composer__container{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;width:100%;min-width:0;min-height:9rem;padding:.875rem;background-color:var(--hexos-bg-primary);border-radius:var(--hexos-radius-xl);border:1px solid var(--hexos-border-color);box-shadow:0 1px 2px rgba(15,23,42,.06);transition:border-color .15s ease,box-shadow .15s ease}.hexos-input-composer__container:focus-within{border-color:var(--hexos-accent);box-shadow:0 0 0 2px rgba(59,130,246,.25),0 1px 2px rgba(15,23,42,.06)}.hexos-input-composer__container button:focus,.hexos-input-composer__container input:focus,.hexos-input-composer__container textarea:focus{outline:none}.hexos-input-composer__actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.hexos-input-composer__attachment-btn{width:2.25rem;height:2.25rem;padding:0;background-color:var(--hexos-bg-input);border:1px solid var(--hexos-border-subtle);color:var(--hexos-text-secondary);cursor:pointer;border-radius:var(--hexos-radius-full);transition:background-color .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:auto}.hexos-input-composer__attachment-btn:hover{background-color:var(--hexos-bg-secondary);color:var(--hexos-text-primary)}.hexos-input-composer__attachment-btn:disabled{opacity:.5;cursor:not-allowed}.hexos-input-composer__file-input{display:none}.hexos-input-composer__textarea{flex:1 1 auto;width:100%;min-width:0;background:transparent;border:none;outline:none;resize:none;font-size:1.0625rem;line-height:1.5;color:var(--hexos-text-primary);font-family:inherit;max-height:8rem;min-height:5rem;padding:0;overflow-wrap:anywhere;word-break:break-word}.hexos-input-composer__textarea::placeholder{color:var(--hexos-text-muted);font-size:1.0625rem}.hexos-input-composer__send-btn{width:2.75rem;height:2.75rem;border-radius:var(--hexos-radius-full);background-color:var(--hexos-accent);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;flex-shrink:0}.hexos-input-composer__send-btn svg{width:1.25rem;height:1.25rem}.hexos-input-composer__send-btn:hover:not(:disabled){background-color:var(--hexos-accent-hover)}.hexos-input-composer__send-btn:disabled{background-color:var(--hexos-text-muted);cursor:not-allowed}.hexos-input-composer__char-count{text-align:right;font-size:.6875rem;color:var(--hexos-text-muted);margin-top:.375rem;padding-right:.25rem}.hexos-quick-replies{padding:0 1rem .875rem;min-width:0}.hexos-quick-replies__title{font-size:.75rem;color:var(--hexos-text-muted);margin:0 0 .5rem;font-weight:500}.hexos-quick-replies__list{display:flex;flex-wrap:wrap;gap:.625rem;width:100%;min-width:0}.hexos-quick-replies__item{max-width:100%;padding:.5rem 1rem;font-size:1rem;font-weight:600;line-height:1.3;background-color:var(--hexos-bg-primary);border:1px solid var(--hexos-border-color);border-radius:var(--hexos-radius-full);color:var(--hexos-text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit;overflow-wrap:anywhere;word-break:break-word}.hexos-quick-replies__item:hover{border-color:var(--hexos-accent);background-color:var(--hexos-bg-secondary);transform:translateY(-1px)}@media (max-width:768px){.hexos-message{max-width:92%}.hexos-input-composer,.hexos-message-list{padding:.75rem}.hexos-input-composer__container{min-height:7.5rem;padding:.75rem}.hexos-input-composer__textarea{min-height:4rem;font-size:1rem}.hexos-input-composer__textarea::placeholder{font-size:1rem}.hexos-input-composer__send-btn{width:2.5rem;height:2.5rem}.hexos-quick-replies{padding:0 .75rem .75rem}.hexos-quick-replies__item{font-size:.9375rem;padding:.45rem .875rem}}.hexos-streaming-indicator{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem}.hexos-streaming-indicator__text{font-size:.75rem;color:var(--hexos-text-muted);margin-left:.5rem}.hexos-streaming-indicator__dots{display:flex;align-items:center;gap:.25rem}.hexos-streaming-indicator__dot{width:.375rem;height:.375rem;background-color:var(--hexos-text-muted);border-radius:var(--hexos-radius-full);animation:hexos-bounce 1.4s ease-in-out infinite both}.hexos-streaming-indicator__dot:first-child{animation-delay:-.32s}.hexos-streaming-indicator__dot:nth-child(2){animation-delay:-.16s}@keyframes hexos-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.hexos-tool-call{background-color:var(--hexos-bg-secondary);border:1px solid var(--hexos-border-color);border-radius:var(--hexos-radius-md);padding:.75rem;font-size:.8125rem;margin:.25rem 0}.hexos-tool-call__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.hexos-tool-call__name{font-weight:500;color:var(--hexos-text-primary)}.hexos-tool-call__status{font-size:.6875rem;padding:.125rem .375rem;border-radius:var(--hexos-radius-sm)}.hexos-tool-call__status--pending{background-color:#fef3c7;color:#92400e}.hexos-tool-call__status--executing{background-color:#dbeafe;color:#1e40af}.hexos-tool-call__status--completed{background-color:#d1fae5;color:#065f46}.hexos-tool-call__status--failed{background-color:#fee2e2;color:#991b1b}.hexos-tool-call__content{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.75rem;background-color:var(--hexos-bg-primary);padding:.5rem;border-radius:var(--hexos-radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.hexos-reasoning{border-left:2px solid var(--hexos-border-color);padding-left:.75rem;margin:.25rem 0;font-size:.8125rem;color:var(--hexos-text-secondary)}.hexos-reasoning__toggle{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--hexos-text-muted);cursor:pointer;padding:0;font-size:.75rem;font-family:inherit}.hexos-reasoning__toggle:hover{color:var(--hexos-text-secondary)}.hexos-reasoning__content{margin-top:.5rem;font-style:italic}