.conversation-preview.hero-motion-host{overflow:hidden}
.conversation-preview.hero-motion-host .conversation-context,.conversation-preview.hero-motion-host>.walkthrough-label{display:none}
.hero-motion{height:520px;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;margin:10px 0 12px}
.hero-motion__transcript{min-height:0;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#536376 transparent;padding:4px 5px 4px 0}
.hero-motion__transcript .hero-motion__message{gap:10px;font-size:12px;animation:hero-message-in .5s var(--ease) both}
.hero-motion__transcript .hero-motion__message+.hero-motion__message{margin-top:14px}
.hero-motion__transcript .avatar{width:30px;height:30px;font-size:12px}
.hero-motion__transcript .avatar .izge-logo{width:17px;height:19px}
.hero-motion__transcript .message-name{font-size:12px;margin-bottom:2px}
.hero-motion__transcript .message p{font-size:13px;line-height:1.48}
.hero-motion__transcript .izge-message{padding:10px;border-radius:8px;background:#172437}
.hero-motion__thinking-copy{color:#bcd2ef!important}
.hero-motion__thinking-pulse{display:inline-flex;gap:3px;margin-top:7px}
.hero-motion__thinking-pulse::before{content:'···';color:#9fc7f4;font-weight:700;letter-spacing:3px;animation:hero-thinking 1.1s ease-in-out infinite}
.hero-motion__stream::after{content:'';display:inline-block;width:1px;height:1em;margin-left:3px;vertical-align:-.12em;background:#b3d4fc;animation:hero-caret .7s steps(1,end) infinite}
.hero-motion__stream.is-complete::after{display:none}
.hero-motion__controls{display:flex;align-items:center;gap:4px;min-height:30px;border-top:1px solid var(--line);padding-top:7px}
.hero-motion__control{min-height:44px;padding:8px;border-radius:6px;background:transparent;color:#c7dcff;font-size:12px}
.hero-motion__control:hover{background:var(--raised)}
.hero-motion__status{min-width:0;margin-left:auto;color:var(--muted);font-size:12px;text-align:right}
.hero-motion.is-paused .hero-motion__message,.hero-motion:not(.is-running) .hero-motion__thinking-pulse::before,.hero-motion:not(.is-running) .hero-motion__stream::after{animation-play-state:paused}
@keyframes hero-message-in{from{opacity:.2;transform:translateY(7px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes hero-thinking{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes hero-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:860px){.conversation-preview.hero-motion-host{display:flex;min-height:340px}.hero-motion{height:600px}}
@media(prefers-reduced-motion:reduce){.hero-motion__message,.hero-motion__thinking-pulse::before,.hero-motion__stream::after{animation:none!important}.hero-motion__stream::after{display:none}}

.conversation-preview.hero-motion-host.is-private>.walkthrough-label{display:block;font-size:12px}