.chat-demo-container.svelte-16okrdr{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 8px 32px #00000014;overflow:hidden;max-width:900px;width:100%;margin:0 auto}.chat-input-bar.svelte-16okrdr{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #f3f4f6;background:#f9fafb}.chat-input-field.svelte-16okrdr{flex:1;padding:.75rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:25px;margin-right:.75rem;min-height:20px;display:flex;align-items:center}.user-message.svelte-16okrdr{color:#2c3e50;font-weight:500}.placeholder.svelte-16okrdr{color:#9ca3af;font-style:italic}.send-button.svelte-16okrdr{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0}.send-button.svelte-16okrdr:hover{transform:scale(1.05)}.send-button.sent.svelte-16okrdr{background:#10b981}.chat-response-area.svelte-16okrdr{padding:1.5rem;min-height:1000px;background:#fff;overflow:visible}.agent-message.svelte-16okrdr{display:flex;gap:.75rem;margin-bottom:1rem}.agent-avatar.svelte-16okrdr{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.message-content.svelte-16okrdr{flex:1}.agent-name.svelte-16okrdr{font-weight:600;color:#667eea;font-size:.9rem;margin-bottom:.5rem}.agent-text.svelte-16okrdr{color:#2c3e50;line-height:1.6;font-size:.95rem}.cursor.svelte-16okrdr{color:#667eea;font-weight:700;animation:svelte-16okrdr-blink 1s infinite;margin-left:2px}@keyframes svelte-16okrdr-blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-indicator.svelte-16okrdr{display:flex;gap:.25rem;align-items:center}.typing-indicator.svelte-16okrdr span:where(.svelte-16okrdr){width:8px;height:8px;background:#667eea;border-radius:50%;animation:svelte-16okrdr-typing 1.4s infinite ease-in-out}.typing-indicator.svelte-16okrdr span:where(.svelte-16okrdr):nth-child(1){animation-delay:-.32s}.typing-indicator.svelte-16okrdr span:where(.svelte-16okrdr):nth-child(2){animation-delay:-.16s}@keyframes svelte-16okrdr-typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.response-data.svelte-16okrdr{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #667eea;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;min-height:450px}.response-data.visible.svelte-16okrdr{opacity:1;visibility:visible}.data-table.svelte-16okrdr{overflow-x:auto}.data-table.svelte-16okrdr table:where(.svelte-16okrdr){width:100%;border-collapse:collapse;font-size:.9rem}.data-table.svelte-16okrdr th:where(.svelte-16okrdr){background:#667eea;color:#fff;padding:.75rem;text-align:left;font-weight:600}.data-table.svelte-16okrdr td:where(.svelte-16okrdr){padding:.75rem;border-bottom:1px solid #e5e7eb;color:#2c3e50}.data-table.svelte-16okrdr tr:where(.svelte-16okrdr):nth-child(2n){background:#f9fafb}.cta-message.svelte-16okrdr{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;min-height:180px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cta-message.visible.svelte-16okrdr{opacity:1;visibility:visible}.cta-text.svelte-16okrdr{font-size:1rem;font-weight:500;margin-bottom:1rem;line-height:1.5}.cta-buttons.svelte-16okrdr{display:flex;gap:.75rem;flex-wrap:wrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;min-height:60px}.cta-buttons.visible.svelte-16okrdr{opacity:1;visibility:visible}.cta-btn.svelte-16okrdr{padding:.75rem 1.5rem;border:none;border-radius:25px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex:1;min-width:140px}.cta-btn.primary.svelte-16okrdr{background:#ff6b35;color:#fff}.cta-btn.primary.svelte-16okrdr:hover{background:#ff4500;transform:translateY(-2px)}.cta-btn.secondary.svelte-16okrdr{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-btn.secondary.svelte-16okrdr:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.chat-demo-container.svelte-16okrdr{margin:0 1rem}.chat-input-field.svelte-16okrdr,.agent-text.svelte-16okrdr{font-size:.9rem}.data-table.svelte-16okrdr{font-size:.8rem}}