.tts-chat-visual{width:min(344px,100%);padding:14px;box-sizing:border-box;pointer-events:none}
.tts-chat-visual[hidden]{display:none!important}
body.preview-mode .tts-chat-visual{margin:0 auto 16px}
.tts-theme-main-preview{display:flex;align-items:center;justify-content:center;min-height:280px;width:100%;background:transparent}
.tts-theme-main-preview [hidden]{display:none!important}
.tts-theme-main-preview[data-paused=true] .tts-chat-bubble i{animation-play-state:paused}
.tts-theme-empty{color:#aaa4af;font:600 14px Tahoma,sans-serif;text-align:center}
.tts-chat-card{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:16px 18px;border:3px solid var(--chat-accent);border-radius:24px;background:var(--chat-fill);color:var(--chat-ink);box-shadow:0 5px 12px #0003;box-sizing:border-box}
.tts-chat-card[hidden]{display:none!important}
.tts-chat-avatar{width:82px;aspect-ratio:1;flex-shrink:0;border-radius:50%;border:3px solid var(--chat-accent);padding:3px;background:var(--chat-fill);box-sizing:border-box;overflow:hidden}
.tts-chat-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.tts-chat-bubble{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;width:128px;height:62px;border:3px solid var(--chat-accent);border-radius:19px;background:var(--chat-fill);box-sizing:border-box}
.tts-chat-bubble:after{content:'';position:absolute;left:23px;bottom:-10px;width:15px;height:15px;background:var(--chat-fill);border-right:3px solid var(--chat-accent);border-bottom:3px solid var(--chat-accent);transform:rotate(45deg);border-radius:0 0 4px 0}
.tts-chat-bubble i{display:block;width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--chat-ink);animation:ttsDot 1.2s ease-in-out infinite;animation-delay:calc(var(--dot)*.16s)}
.tts-chat-card[data-theme=neon]{box-shadow:0 0 14px color-mix(in srgb,var(--chat-accent) 45%,transparent),inset 0 0 15px color-mix(in srgb,var(--chat-accent) 15%,transparent)}
.tts-chat-card[data-theme=neon] .tts-chat-bubble,.tts-chat-card[data-theme=neon] .tts-chat-avatar{box-shadow:0 0 9px color-mix(in srgb,var(--chat-accent) 35%,transparent)}
@keyframes ttsDot{0%,70%,100%{transform:translateY(0);opacity:.6}35%{transform:translateY(-4px);opacity:1}}
@media(max-width:340px){.tts-chat-card{gap:14px;padding:12px}.tts-chat-avatar{width:66px}.tts-chat-bubble{width:110px;height:56px;gap:9px}}
@media(prefers-reduced-motion:reduce){.tts-chat-bubble i{animation:none}}