.wh-hero-chat.svelte-yqm2za{display:flex;flex-direction:column;gap:1.25rem}.wh-hero-bubble.svelte-yqm2za{padding:1.25rem 1.5rem;border-radius:16px;font-size:1.05rem;line-height:1.6}.wh-hero-bubble-label.svelte-yqm2za{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;opacity:.6}.wh-hero-bubble--user.svelte-yqm2za{background:var(--color-blue);color:var(--color-white);align-self:flex-end;border-bottom-right-radius:6px;max-width:88%}.wh-hero-bubble--ai.svelte-yqm2za{background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.1);align-self:flex-start;border-bottom-left-radius:6px;max-width:92%}@media (max-width: 767px){.wh-hero-bubble.svelte-yqm2za{font-size:.95rem;padding:1rem 1.25rem}}.hotspot-demo.svelte-yqm2za{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #0000001a;border:1px solid var(--color-gray-200);cursor:default}.hotspot-demo-image.svelte-yqm2za{width:100%;height:100%;background:url(/widgets/placeholder-image-3.jpg) center/cover no-repeat}.hotspot-pin.svelte-yqm2za{position:absolute;transform:translate(-50%,-50%);z-index:2;cursor:pointer}.hotspot-pin-dot.svelte-yqm2za{display:block;width:18px;height:18px;background:#ec188b;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #0000004d;position:relative;z-index:2}.hotspot-pin-pulse.svelte-yqm2za{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#ec188b4d;animation:svelte-yqm2za-hotspot-pulse 2s ease-in-out infinite;z-index:1}.hotspot-pin.active.svelte-yqm2za .hotspot-pin-pulse:where(.svelte-yqm2za){animation:none;background:#ec188b26}@keyframes svelte-yqm2za-hotspot-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.hotspot-tooltip.svelte-yqm2za{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;color:#1f2937;border-radius:10px;padding:14px 16px;width:220px;box-shadow:0 8px 24px #0000002e;border:1px solid #e5e7eb;z-index:10;pointer-events:auto}.hotspot-tooltip.tooltip-left.svelte-yqm2za{left:auto;right:50%;transform:translate(50%)}.hotspot-tooltip.svelte-yqm2za strong:where(.svelte-yqm2za){display:block;font-size:.9375rem;font-weight:700;margin-bottom:4px;color:#111827}.hotspot-tooltip.svelte-yqm2za p:where(.svelte-yqm2za){font-size:.8125rem;color:#6b7280;line-height:1.5;margin:0}