.wp-block-miniai-chat-demo{--chat-fg:var(--wp--preset--color--ink);--chat-muted:var(--wp--preset--color--muted);--chat-bubble:var(--wp--preset--color--sand);--chat-border:var(--wp--preset--color--line);--chat-ai-bubble:var(--wp--preset--color--surface);--chat-ai-border:var(--wp--preset--color--line);--chat-blur:none;--chat-avatar:linear-gradient(135deg,var(--wp--preset--color--glow),var(--wp--preset--color--action-soft));--chat-step:1.1s;color:var(--chat-fg);display:grid;font-size:var(--wp--preset--font-size--body);gap:var(--wp--preset--spacing--40);line-height:1.45;margin:0;max-width:28rem;width:100%}.wp-block-miniai-hero.has-media .wp-block-miniai-chat-demo{--chat-fg:var(--wp--custom--color--on-media);--chat-muted:var(--wp--custom--color--on-media-muted);--chat-bubble:color-mix(in srgb,var(--wp--custom--color--on-media) 16%,transparent);--chat-border:color-mix(in srgb,var(--wp--custom--color--on-media) 30%,transparent);--chat-ai-bubble:color-mix(in srgb,var(--wp--custom--color--on-media) 10%,transparent);--chat-ai-border:color-mix(in srgb,var(--wp--preset--color--glow) 80%,transparent);--chat-blur:blur(14px)}.wp-block-miniai-hero.has-media.is-tone-light .wp-block-miniai-chat-demo{--chat-fg:var(--wp--custom--color--on-media-ink);--chat-muted:var(--wp--custom--color--on-media-ink-muted);--chat-bubble:color-mix(in srgb,var(--wp--custom--color--on-media) 72%,transparent);--chat-border:color-mix(in srgb,var(--wp--custom--color--on-media-ink) 12%,transparent);--chat-ai-bubble:color-mix(in srgb,var(--wp--custom--color--on-media) 86%,transparent);--chat-ai-border:color-mix(in srgb,var(--wp--custom--color--on-media-ink) 18%,transparent);--chat-blur:blur(10px);--chat-avatar:color-mix(in srgb,var(--wp--custom--color--on-media-ink) 14%,var(--wp--custom--color--on-media))}.wp-block-miniai-hero__aside .wp-block-miniai-chat-demo{justify-self:end}@media(max-width:959px){.wp-block-miniai-hero__aside .wp-block-miniai-chat-demo__input,.wp-block-miniai-hero__aside .wp-block-miniai-chat-demo__msg:nth-child(n+4){display:none}}.wp-block-miniai-chat-demo__thread{display:grid;gap:var(--wp--preset--spacing--40);list-style:none;margin:0;padding:0}.wp-block-miniai-chat-demo__msg{align-items:center;display:grid;gap:var(--wp--preset--spacing--20)}.wp-block-miniai-chat-demo__msg.is-customer{grid-template-columns:2.5rem minmax(0,1fr);margin-inline-end:var(--wp--preset--spacing--70)}.wp-block-miniai-chat-demo__msg.is-ai{margin-inline-start:var(--wp--preset--spacing--70)}.wp-block-miniai-chat-demo__avatar{background:var(--chat-avatar);border-radius:50%;box-shadow:inset 0 0 0 1px var(--chat-border);height:2.5rem;width:2.5rem}.wp-block-miniai-chat-demo__agent{color:var(--chat-fg);font-size:var(--wp--preset--font-size--small);font-weight:500}.wp-block-miniai-chat-demo__bubble{backdrop-filter:var(--chat-blur);background:var(--chat-bubble);border:1px solid var(--chat-border);border-radius:var(--wp--custom--radius--card);padding:var(--wp--preset--spacing--30) var(--wp--preset--spacing--50)}.is-ai>.wp-block-miniai-chat-demo__bubble{background:var(--chat-ai-bubble);border-color:var(--chat-ai-border)}.wp-block-miniai-chat-demo__bubble p{margin:0}.wp-block-miniai-chat-demo__cards{display:grid;gap:var(--wp--preset--spacing--30);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:var(--wp--preset--spacing--30) 0 0;padding:0}.wp-block-miniai-chat-demo__card{background:var(--chat-bubble);border-radius:var(--wp--custom--radius--input);display:grid;font-size:var(--wp--preset--font-size--small);gap:var(--wp--preset--spacing--10);padding:var(--wp--preset--spacing--20)}.wp-block-miniai-chat-demo__card img{aspect-ratio:1;border-radius:var(--wp--custom--radius--input);height:auto;object-fit:cover;width:100%}.wp-block-miniai-chat-demo__card-price{color:var(--chat-muted)}.wp-block-miniai-chat-demo__input{align-items:center;backdrop-filter:var(--chat-blur);background:var(--chat-ai-bubble);border:1px solid var(--chat-border);border-radius:var(--wp--custom--radius--card);color:var(--chat-muted);display:flex;min-height:3rem;padding-inline:var(--wp--preset--spacing--50)}.wp-block-miniai-chat-demo__bubble{position:relative}.wp-block-miniai-chat-demo__typing{align-items:center;display:none;gap:.25rem;height:var(--chat-typing-h);left:0;padding-inline:var(--wp--preset--spacing--50);position:absolute;top:0}.wp-block-miniai-chat-demo__typing i{background:var(--chat-muted);border-radius:50%;height:.375rem;width:.375rem}@media(prefers-reduced-motion:no-preference){.wp-block-miniai-chat-demo{--chat-typing:0.8s;--chat-typing-h:2.75rem}.wp-block-miniai-chat-demo__input,.wp-block-miniai-chat-demo__msg{--at:calc(var(--i, 0)*var(--chat-step) + 0.3s);animation:miniai-chat-in var(--wp--custom--motion--duration) var(--wp--custom--motion--ease) both;animation-delay:var(--at)}.wp-block-miniai-chat-demo__msg.is-ai{animation-delay:calc(var(--at) - var(--chat-typing))}.wp-block-miniai-chat-demo__msg.is-ai>.wp-block-miniai-chat-demo__bubble{animation:miniai-chat-open var(--wp--custom--motion--duration) var(--wp--custom--motion--ease) both;animation-delay:var(--at)}.wp-block-miniai-chat-demo__msg.is-ai>.wp-block-miniai-chat-demo__bubble>:not(.wp-block-miniai-chat-demo__typing){animation:miniai-chat-fade var(--wp--custom--motion--duration) var(--wp--custom--motion--ease) both;animation-delay:var(--at)}.wp-block-miniai-chat-demo__msg.is-ai .wp-block-miniai-chat-demo__typing{animation:miniai-chat-fade calc(var(--wp--custom--motion--duration)/2) linear reverse both;animation-delay:var(--at);display:flex}.wp-block-miniai-chat-demo__msg.is-ai .wp-block-miniai-chat-demo__typing i{animation:miniai-chat-dot .9s ease-in-out 2 both;animation-delay:calc(var(--at) - var(--chat-typing) + var(--d, 0s))}.wp-block-miniai-chat-demo__msg.is-ai .wp-block-miniai-chat-demo__typing i:nth-child(2){--d:0.15s}.wp-block-miniai-chat-demo__msg.is-ai .wp-block-miniai-chat-demo__typing i:nth-child(3){--d:0.3s}.wp-block-miniai-chat-demo__msg.is-ai:first-child{--chat-typing:0s}}@keyframes miniai-chat-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes miniai-chat-open{0%{clip-path:inset(0 calc(100% - 4.5rem) calc(100% - var(--chat-typing-h)) 0 round var(--wp--custom--radius--card))}to{clip-path:inset(0 round var(--wp--custom--radius--card))}}@keyframes miniai-chat-fade{0%{opacity:0}}@keyframes miniai-chat-dot{0%,to{opacity:.35;transform:none}50%{opacity:1;transform:translateY(-2px)}}