.ai-chat-autoplay{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:20px;box-sizing:border-box;overflow:hidden;color:#3c4043;font-size:15px;line-height:1.5;position:relative}.ai-chat-autoplay .container{position:relative;width:100%;max-width:580px;height:400px;display:flex;align-items:center;justify-content:center}.ai-chat-autoplay .main-image{width:100%;height:100%;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.08);opacity:0;transition:all .5s ease-in-out;object-fit:cover}.ai-chat-autoplay .chat-area{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:15px;opacity:0;transition:opacity .5s ease-in-out}.ai-chat-autoplay .chat-message{display:flex;align-items:flex-start;gap:12px;transform:translateY(30px);opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.ai-chat-autoplay .chat-message.user-prompt{background-color:rgba(255,255,255,.05);border-radius:20px;padding:8px;backdrop-filter:blur(5px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.ai-chat-autoplay .chat-message.ai-response{flex-direction:row-reverse;align-self:flex-end;background-color:rgba(255,255,255,.05);border-radius:20px;padding:8px;backdrop-filter:blur(5px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.ai-chat-autoplay .chat-message.visible{transform:translateY(0);opacity:1}.ai-chat-autoplay .chat-message.fade-out{transform:translateY(-20px);opacity:0;transition:all .6s cubic-bezier(.6,0,.4,1)}.ai-chat-autoplay .chat-message.continuing{background-color:rgba(255,255,255,.95)}.ai-chat-autoplay .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.ai-chat-autoplay .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ai-chat-autoplay .avatar-gg{width:40px;height:40px;object-fit:cover;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.ai-chat-autoplay .avatar-gg img{width:100%;height:100%;object-fit:cover}.ai-chat-autoplay .message-bubble{background-color:#f2f2f2;padding:12px 16px;border-radius:20px;max-width:calc(100% - 60px);position:relative;word-wrap:break-word}.ai-chat-autoplay .message-bubble.ai{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 3px rgba(0,0,0,.08)}.ai-chat-autoplay .attachments{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.ai-chat-autoplay .attachment{display:flex;align-items:center;gap:6px;background-color:rgba(255,255,255,.8);border:1px solid #e0e0e0;border-radius:12px;padding:6px 10px;font-size:13px;color:#5f6368;backdrop-filter:blur(5px);box-shadow:0 1px 3px rgba(0,0,0,.1);max-width:150px}.ai-chat-autoplay .attachment.audio{background-color:rgba(34,139,34,.1);border-color:rgba(34,139,34,.3);max-width:180px}.ai-chat-autoplay .attachment.video{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border-color:rgba(99,102,241,.3);max-width:200px;position:relative;overflow:hidden}.ai-chat-autoplay .attachment.video::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:videoShimmer 2s infinite}.ai-chat-autoplay .attachment.video:hover .attachment-icon.video{transform:scale(1.05);border-color:rgba(99,102,241,.6);box-shadow:0 4px 12px rgba(99,102,241,.3)}.ai-chat-autoplay .attachment-icon{width:20px;height:20px;flex-shrink:0}.ai-chat-autoplay .attachment-icon.pdf{color:#d93025}.ai-chat-autoplay .attachment-icon.audio{color:#228b22}.ai-chat-autoplay .attachment-icon.image{border-radius:4px;object-fit:cover}.ai-chat-autoplay .attachment-icon.video{position:relative;border-radius:6px;object-fit:cover;border:2px solid rgba(99,102,241,.3);transition:all .3s ease}.ai-chat-autoplay .attachment-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-autoplay .video-container{position:relative;display:flex;align-items:center;gap:8px}.ai-chat-autoplay .video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.3);animation:videoPulse 2s infinite}.ai-chat-autoplay .video-play-overlay svg{width:7px;height:7px;fill:#fff;margin-left:1px}.ai-chat-autoplay .video-info{display:flex;flex-direction:column;gap:2px}.ai-chat-autoplay .video-duration{font-size:11px;color:#6366f1;font-weight:600}.ai-chat-autoplay .video-processing{font-size:10px;color:#9ca3af;display:flex;align-items:center;gap:4px}.ai-chat-autoplay .video-dots{display:flex;gap:2px}.ai-chat-autoplay .video-dot{width:3px;height:3px;background-color:#6366f1;border-radius:50%;animation:videoDots 1.4s infinite ease-in-out}.ai-chat-autoplay .video-dot:nth-child(1){animation-delay:-.32s}.ai-chat-autoplay .video-dot:nth-child(2){animation-delay:-.16s}.ai-chat-autoplay .video-dot:nth-child(3){animation-delay:0s}.ai-chat-autoplay .audio-waves{display:flex;align-items:center;gap:2px;margin-left:4px}.ai-chat-autoplay .audio-wave{width:3px;background-color:#228b22;border-radius:2px;animation:audioWave 1.5s ease-in-out infinite}.ai-chat-autoplay .audio-wave:nth-child(1){height:12px;animation-delay:0s}.ai-chat-autoplay .audio-wave:nth-child(2){height:18px;animation-delay:.1s}.ai-chat-autoplay .audio-wave:nth-child(3){height:14px;animation-delay:.2s}.ai-chat-autoplay .audio-wave:nth-child(4){height:20px;animation-delay:.3s}.ai-chat-autoplay .audio-wave:nth-child(5){height:16px;animation-delay:.4s}.ai-chat-autoplay .audio-wave:nth-child(6){height:12px;animation-delay:.5s}.ai-chat-autoplay .caret{display:inline-block;width:2px;height:1.1em;background-color:#3c4043;vertical-align:middle;animation:blink .7s infinite step-end;margin-left:2px;transform:translateY(-2px)}.ai-chat-autoplay .ai-part{opacity:0;transform:translateY(10px);transition:all .5s cubic-bezier(.4,0,.2,1);margin-bottom:8px;will-change:transform,opacity}.ai-chat-autoplay .ai-part.visible{opacity:1;transform:translateY(0)}.ai-chat-autoplay .ai-part:last-child{margin-bottom:0}.ai-chat-autoplay .continuing-dots{display:inline-flex;gap:3px;margin-left:8px;align-items:center}.ai-chat-autoplay .continuing-dot{width:4px;height:4px;background-color:#9ca3af;border-radius:50%;animation:continuingDots 1.4s infinite ease-in-out}.ai-chat-autoplay .continuing-dot:nth-child(1){animation-delay:-.32s}.ai-chat-autoplay .continuing-dot:nth-child(2){animation-delay:-.16s}.ai-chat-autoplay .continuing-dot:nth-child(3){animation-delay:0s}.ai-chat-autoplay .ai-table{margin:10px 0;border-collapse:collapse;width:100%;font-size:14px;background-color:#fff}.ai-chat-autoplay .ai-table.continuing{position:relative;overflow:hidden}.ai-chat-autoplay .ai-table.continuing::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,rgba(255,255,255,.9));pointer-events:none}.ai-chat-autoplay .ai-table th{background-color:#fff;color:#333;padding:8px 10px;text-align:left;font-weight:600;font-size:13px;border-bottom:1px solid #ddd}.ai-chat-autoplay .ai-table td{padding:8px 10px;border-bottom:1px solid #eee}.ai-chat-autoplay .ai-table tr:last-child td{border-bottom:none}.ai-chat-autoplay .price-cell{font-weight:500}.ai-chat-autoplay .spec-highlight{font-weight:500}@media (max-width:600px){.ai-chat-autoplay{padding:10px}}@media (max-width:600px){.ai-chat-autoplay{padding:10px;font-size:14px}.ai-chat-autoplay .chat-area{bottom:10px;left:10px;right:10px;gap:10px}.ai-chat-autoplay .chat-message{gap:10px}.ai-chat-autoplay .chat-message.ai-response,.ai-chat-autoplay .chat-message.user-prompt{padding:6px}.ai-chat-autoplay .avatar,.ai-chat-autoplay .avatar-gg{width:36px;height:36px}.ai-chat-autoplay .message-bubble{padding:10px 14px;max-width:calc(100% - 50px)}.ai-chat-autoplay .message-bubble pre{white-space:pre-wrap;overflow-wrap:break-word}.ai-chat-autoplay .attachment{padding:5px 8px;font-size:12px}.ai-chat-autoplay .ai-table{font-size:11px}.ai-chat-autoplay .ai-table td,.ai-chat-autoplay .ai-table th{padding:6px 8px}}@keyframes videoShimmer{0%{left:-100%}100%{left:100%}}@keyframes videoPulse{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 2px 8px rgba(0,0,0,.3)}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 16px rgba(99,102,241,.5)}}@keyframes videoDots{0%,100%,80%{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes audioWave{0%,100%{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}@keyframes continuingDots{0%,100%,80%{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}