.chat-page.svelte-23dtxz{position:relative;height:calc(100vh - 140px);max-width:1200px;margin:0 auto;overflow:hidden}.chat-container.svelte-23dtxz{height:100%;display:flex;flex-direction:column;background-color:var(--bg-alt);border-radius:.5rem;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 20px #0000000d;position:relative;z-index:1}.chat-header.svelte-23dtxz{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--bg);border-bottom:1px solid var(--border)}.panel-toggle.svelte-23dtxz{background:none;border:none;color:var(--text);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:5}.panel-toggle.svelte-23dtxz:hover{color:var(--primary)}.chat-header.svelte-23dtxz h1:where(.svelte-23dtxz){font-size:1.5rem;margin:0}.status-indicator.svelte-23dtxz{display:flex;align-items:center}.status.svelte-23dtxz{display:flex;align-items:center;font-size:.875rem;font-weight:500}.status-dot.svelte-23dtxz{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.connected.svelte-23dtxz{color:var(--primary)}.connected.svelte-23dtxz .status-dot:where(.svelte-23dtxz){background-color:var(--primary);box-shadow:0 0 0 2px #2e8b5733;animation:svelte-23dtxz-pulse 2s infinite}.disconnected.svelte-23dtxz{color:#e11d48}.disconnected.svelte-23dtxz .status-dot:where(.svelte-23dtxz){background-color:#e11d48}@keyframes svelte-23dtxz-pulse{0%{box-shadow:0 0 #2e8b5766}70%{box-shadow:0 0 0 6px #2e8b5700}to{box-shadow:0 0 #2e8b5700}}.messages-container.svelte-23dtxz{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message.svelte-23dtxz{max-width:80%;padding:.75rem 1rem;border-radius:.75rem;animation:svelte-23dtxz-fadeIn .3s ease}.user-message.svelte-23dtxz{align-self:flex-end;background-color:var(--primary);color:#fff;border-bottom-right-radius:.25rem}.system-message.svelte-23dtxz{align-self:flex-start;background-color:var(--bg);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:.25rem}.message-content.svelte-23dtxz{line-height:1.5;word-break:break-word}.typing.svelte-23dtxz{padding:.75rem 1rem}.typing-indicator.svelte-23dtxz{display:flex;align-items:center;gap:.25rem}.typing-indicator.svelte-23dtxz span:where(.svelte-23dtxz){width:8px;height:8px;border-radius:50%;background-color:var(--text-light);animation:svelte-23dtxz-bounce 1.4s infinite ease-in-out}.typing-indicator.svelte-23dtxz span:where(.svelte-23dtxz):nth-child(1){animation-delay:0s}.typing-indicator.svelte-23dtxz span:where(.svelte-23dtxz):nth-child(2){animation-delay:.2s}.typing-indicator.svelte-23dtxz span:where(.svelte-23dtxz):nth-child(3){animation-delay:.4s}@keyframes svelte-23dtxz-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.input-container.svelte-23dtxz{display:flex;align-items:flex-end;gap:.75rem;padding:1rem 1.5rem;background-color:var(--bg);border-top:1px solid var(--border)}textarea.svelte-23dtxz{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--bg);color:var(--text);font-family:inherit;font-size:1rem;resize:none;max-height:120px;overflow-y:auto;transition:border-color .2s}textarea.svelte-23dtxz:focus{outline:none;border-color:var(--primary)}.send-button.svelte-23dtxz{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s}.send-button.svelte-23dtxz:hover:not(:disabled){background-color:var(--primary-dark)}.send-button.svelte-23dtxz:disabled{opacity:.5;cursor:not-allowed}.info-panel.svelte-23dtxz{position:fixed;top:0;left:0;width:75%;max-width:900px;height:100%;background-color:var(--bg);border-right:1px solid var(--border);overflow-y:auto;z-index:100;transform:translate(-100%);transition:transform .3s ease;box-shadow:0 0 20px #0000001a}.info-panel.open.svelte-23dtxz{transform:translate(0)}.panel-content.svelte-23dtxz{padding:2rem;max-width:800px;margin:0 auto}.info-panel.svelte-23dtxz h2:where(.svelte-23dtxz){font-size:1.75rem;margin:0 0 1.5rem;color:var(--primary)}.info-section.svelte-23dtxz{margin-bottom:2.5rem}.info-section.svelte-23dtxz h3:where(.svelte-23dtxz){font-size:1.25rem;margin:0 0 1rem;color:var(--text)}.info-section.svelte-23dtxz p:where(.svelte-23dtxz){margin:0 0 1rem;line-height:1.6;color:var(--text-light);font-size:1rem}.info-section.svelte-23dtxz li:where(.svelte-23dtxz){margin:0 0 .5rem;line-height:1.6;color:var(--text-light);font-size:1rem}.connection-info.svelte-23dtxz{margin:1rem 0;padding:.5rem;background-color:var(--bg-alt);border-radius:.375rem;font-size:.875rem;color:var(--text-light)}.example-prompts.svelte-23dtxz{display:flex;flex-direction:column;gap:.75rem}.example-prompt.svelte-23dtxz{text-align:left;background-color:var(--bg-alt);border:1px solid var(--border);border-radius:.375rem;padding:.75rem 1rem;font-size:.875rem;color:var(--text);cursor:pointer;transition:all .2s}.example-prompt.svelte-23dtxz:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.panel-close-button.svelte-23dtxz{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-light);cursor:pointer;padding:.5rem;z-index:101;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.panel-close-button.svelte-23dtxz:hover{background-color:var(--bg-alt);color:var(--primary)}.panel-overlay.svelte-23dtxz{position:fixed;inset:0;background-color:#00000080;z-index:90;animation:svelte-23dtxz-fadeIn .3s ease}@keyframes svelte-23dtxz-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.chat-page.svelte-23dtxz{height:calc(100vh - 120px)}.info-panel.svelte-23dtxz{width:85%}.panel-content.svelte-23dtxz{padding:1.5rem}.message.svelte-23dtxz{max-width:90%}}