.media-column{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:320px;margin:0 auto}.use-case-selector{display:flex;justify-content:center;gap:8px;background:#fff;padding:6px;border-radius:100px;border:1px solid #e5e7eb;width:fit-content;box-shadow:0 4px 6px -1px #0000000d}.uc-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid transparent;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.uc-chip:hover{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed33}.uc-chip.active{background:#7c3aed;color:#fff;box-shadow:0 2px 10px #7c3aed4d;font-weight:600}.phone-mockup{width:300px;height:520px;background:#fff;border-radius:36px;border:10px solid #1f2937;box-shadow:0 20px 40px #00000026;overflow:hidden;position:relative}.chat-header{height:50px;background:#1a1a1a;display:flex;align-items:center;padding:0 16px;gap:10px;border-bottom:1px solid #333;flex-shrink:0;z-index:10;color:#fff}.header-avatar{width:28px;height:28px;border-radius:50%;background:#3b82f6}.header-info{display:flex;flex-direction:column;flex:1}.header-name{font-size:13px;font-weight:600;line-height:1.2}.header-status{font-size:10px;opacity:.7}.chat-area{height:100%;background:#000;padding:20px 20px 50px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:opacity .2s ease}.msg-item{margin-bottom:8px;animation-duration:12s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:cubic-bezier(.25,1,.5,1);transform-origin:bottom center;flex-shrink:0}.msg-left{align-self:flex-start;background:#262626;color:#e5e5e5;padding:10px 14px;border-radius:4px 18px 18px;font-size:13px;line-height:1.4;max-width:85%;box-shadow:0 1px 2px #0003}.msg-right{align-self:flex-end;background:#3b82f6;color:#fff;padding:10px 14px;border-radius:18px 18px 4px;font-size:13px;line-height:1.4;max-width:80%;box-shadow:0 2px 4px #3b82f633;display:flex;align-items:center;gap:8px}.msg-avatar-small{width:16px;height:16px;border-radius:50%;background:#ffffff4d;margin-left:auto}.system-actions{align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0;opacity:.7}.sys-action-row{display:flex;align-items:center;gap:6px;font-size:10px;color:#9ca3af}.sys-tag{background:#374151;color:#d1d5db;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.folder-hot{background:#7f1d1d;color:#fca5a5}.folder-payment{background:#5b21b6;color:#c4b5fd}.time-sep{align-self:center;font-size:10px;color:#525252;margin:12px 0;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.chat-area .item-0{animation-name:item0-anim}@keyframes item0-anim{0%,5%{opacity:0;max-height:0;margin:0;transform:translateY(10px)}10%,90%{opacity:1;max-height:40px;margin:8px 0;transform:translateY(0)}95%,to{opacity:0;max-height:0;margin:0;transform:translateY(-10px)}}.chat-area .item-1{animation-name:item1-anim}@keyframes item1-anim{0%,15%{opacity:0;max-height:0;margin:0;transform:translateY(10px)}20%,90%{opacity:1;max-height:60px;margin:8px 0;transform:translateY(0)}95%,to{opacity:0;max-height:0;margin:0;transform:translateY(-10px)}}.chat-area .item-2{animation-name:item2-anim}@keyframes item2-anim{0%,25%{opacity:0;max-height:0;margin:0;transform:translateY(10px)}30%,90%{opacity:1;max-height:40px;margin:8px 0;transform:translateY(0)}95%,to{opacity:0;max-height:0;margin:0;transform:translateY(-10px)}}.chat-area .item-3{animation-name:item3-anim}@keyframes item3-anim{0%,35%{opacity:0;max-height:0;margin:0;transform:translateY(10px)}40%,90%{opacity:1;max-height:80px;margin:4px 0;transform:translateY(0)}95%,to{opacity:0;max-height:0;margin:0;transform:translateY(-10px)}}.chat-area .item-4{animation-name:item4-anim}@keyframes item4-anim{0%,50%{opacity:0;max-height:0;margin:0;transform:translateY(10px)}55%,90%{opacity:1;max-height:60px;margin:8px 0;transform:translateY(0)}95%,to{opacity:0;max-height:0;margin:0;transform:translateY(-10px)}}.chat-area .item-5{animation-name:item5-anim}@keyframes item5-anim{0%,65%{opacity:0;max-height:0;margin:0;transform:translateY(10px)}70%,90%{opacity:1;max-height:40px;margin:8px 0;transform:translateY(0)}95%,to{opacity:0;max-height:0;margin:0;transform:translateY(-10px)}}.chat-area .item-6{animation-name:item6-anim}@keyframes item6-anim{0%,75%{opacity:0;max-height:0;margin:0;transform:translateY(10px)}80%,92%{opacity:1;max-height:80px;margin:4px 0;transform:translateY(0)}95%,to{opacity:0;max-height:0;margin:0;transform:translateY(-10px)}}.chat-area .item-7{animation-name:item7-anim}@keyframes item7-anim{0%,88%{opacity:0;max-height:0;margin:0;transform:translateY(10px)}90%,95%{opacity:1;max-height:40px;margin:8px 0;transform:translateY(0)}to{opacity:0;max-height:0;margin:0;transform:translateY(-10px)}}