.demo-with-agent{z-index:1;gap:1rem;max-width:1120px;margin:0 auto;padding:0 2rem 2rem;display:flex;position:relative}.demo-content-panel{flex:1;min-width:0}.demo-content-area{flex-direction:column;height:380px;padding:1rem;display:flex;overflow:hidden}@media (min-width:640px){.demo-content-area{height:420px;padding:1rem 1.25rem}}.demo-content-area [data-slot=tabs-content]{flex-direction:column;display:flex}.demo-tab-layout{flex:1;grid-template-columns:1fr;gap:.75rem;min-height:0;display:grid}@media (min-width:640px){.demo-tab-layout{grid-template-columns:220px 1fr;gap:1rem}}.demo-tab-content{background:color-mix(in srgb,var(--background)50%,var(--card));border:1px solid color-mix(in srgb,var(--border)25%,transparent);border-radius:12px;flex-direction:column;min-width:0;min-height:0;padding:.75rem;display:flex;overflow:hidden}.narrator-column{flex-direction:column;gap:.625rem;display:flex}.narrator-avatar{align-items:center;gap:.375rem;display:flex}.narrator-bubbles{flex-direction:column;gap:.5rem;display:flex}.narrator-user-msg{background:color-mix(in srgb,var(--brand-purple)10%,var(--secondary));border:1px solid color-mix(in srgb,var(--brand-purple)16%,var(--border));border-radius:12px 12px 4px;align-self:flex-end;max-width:90%;padding:.4rem .7rem;animation:.4s ease-out both bubble-appear}.narrator-assistant-msg{align-self:flex-start;max-width:100%;padding:.2rem 0;animation:.4s ease-out both text-appear}@keyframes bubble-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes text-appear{0%{opacity:0}to{opacity:1}}.narrator-typing{align-items:center;gap:3px;width:fit-content;padding:.3rem 0;display:inline-flex}.narrator-typing-dot{background:var(--brand-purple);opacity:.5;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite narrator-bounce}.narrator-typing-dot:nth-child(2){animation-delay:.15s}.narrator-typing-dot:nth-child(3){animation-delay:.3s}@keyframes narrator-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (max-width:639px){.narrator-column{display:none}}@media (max-width:768px){.demo-with-agent{padding:0 1rem 1.5rem}}@media (prefers-reduced-motion:reduce){.narrator-user-msg,.narrator-assistant-msg{animation:none}.narrator-typing-dot{opacity:.6;animation:none}}
.typing-indicator{align-items:center;gap:3px;display:inline-flex}.typing-dot{background:var(--muted-foreground,#888);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.demo-tab-enter{animation:.3s ease-out tab-fade-in}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.platform-icons-row{justify-content:center;align-items:center;gap:.75rem;display:flex}@keyframes accept-confirm{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes accept-check{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes dismiss-confirm{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.typing-dot{opacity:.6;animation:none}.demo-tab-enter{animation:none}[style*=accept-confirm],[style*=accept-check],[style*=dismiss-confirm]{animation:none!important}}

.email-tab-enter{animation:.3s ease-out email-tab-fade-in}@keyframes email-tab-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.email-tab-enter{animation:none}}
.shield-pulse{animation:2s ease-in-out infinite shield-pulse}@keyframes shield-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.invite-slide-in{animation:.4s ease-out forwards invite-enter}@keyframes invite-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.invite-deflect{animation:.4s ease-in forwards invite-leave}@keyframes invite-leave{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-16px)scale(.95)}}.conflict-pulse{animation:1s ease-in-out infinite conflict-border-pulse}@keyframes conflict-border-pulse{0%,to{border-color:#fca5a5;box-shadow:0 0 #ef444400}50%{border-color:#ef4444;box-shadow:0 0 8px #ef444426}}.stagger-in{animation:.4s ease-out both cal-fade-in}@keyframes cal-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cal-tab-enter{animation:.3s ease-out cal-fade-in}.redirect-appear{animation:.4s ease-out both redirect-in}@keyframes redirect-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.resolved-check{animation:.3s ease-out check-pop}@keyframes check-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.shield-pulse,.invite-slide-in,.invite-deflect,.conflict-pulse,.stagger-in,.cal-tab-enter,.redirect-appear,.resolved-check{animation:none}}
.planning-tab-enter{animation:.3s ease-out planning-tab-fade-in}@keyframes planning-tab-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.source-item-enter{animation:.4s ease-out both source-slide-in}@keyframes source-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.check-appear{animation:.3s ease-out both check-pop}@keyframes check-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.block-slide-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both block-slide}@keyframes block-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.disruption-enter{animation:.4s cubic-bezier(.34,1.56,.64,1) both disruption-slide}@keyframes disruption-slide{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.plan-updated-enter{animation:.3s ease-out both badge-fade}@keyframes badge-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.timeline-block-animated{transition:top .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1)}.planning-typing-indicator{align-items:center;gap:3px;display:inline-flex}.planning-typing-dot{background:var(--feature-planning,#b45309);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite planning-typing-bounce}.planning-typing-dot:nth-child(2){animation-delay:.15s}.planning-typing-dot:nth-child(3){animation-delay:.3s}@keyframes planning-typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.planning-tab-enter,.source-item-enter,.check-appear,.block-slide-in,.disruption-enter,.plan-updated-enter{animation:none}.timeline-block-animated{transition:none}.planning-typing-dot{opacity:.6;animation:none}.planning-dot{opacity:1;animation:none}}