.hidden{display:none!important}.vpa-icon{display:inline-block;width:16px;height:16px;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;flex-shrink:0}.vpa-toggle .vpa-icon{width:24px;height:24px}.vpa-history-header .vpa-icon{width:18px;height:18px}.vpa-history-empty .vpa-icon{width:24px;height:24px;margin-bottom:8px}.vpa-action-icon .vpa-icon{width:14px;height:14px}.vpa-icon-history{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5M12 7v5l4 2' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5M12 7v5l4 2' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.vpa-icon-close{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.vpa-icon-trash{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M10 11v6M14 11v6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M10 11v6M14 11v6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.vpa-icon-chat{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.vpa-icon-user{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.vpa-icon-bot{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8V4H8M20 8H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zM2 14h2M20 14h2M15 13v2M9 13v2' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8V4H8M20 8H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zM2 14h2M20 14h2M15 13v2M9 13v2' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.vpa-icon-loading{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");animation:vpa-spin 1s linear infinite;background-color:#3b82f6}.vpa-icon-success{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14M22 4l-10 10.01-3-3' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14M22 4l-10 10.01-3-3' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-color:#10b981}.vpa-icon-error{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-color:#ef4444}.vpa-icon-history-clock{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 6v6l4 2' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 6v6l4 2' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-color:#6366f1}.vpa-icon-history-empty{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5M12 7v5l4 2' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5M12 7v5l4 2' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-color:#94a3b8;opacity:.5}.vpa-icon-chevron{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18l6-6-6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18l6-6-6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:12px;height:12px;transition:transform .2s;background-color:#6366f1}.vpa-actions-toggle.expanded .vpa-icon-chevron{transform:rotate(90deg)}.vpa-icon-btn .vpa-icon{background-color:#94a3b8}.vpa-icon-btn:hover .vpa-icon{background-color:#475569}.vpa-icon-btn.active .vpa-icon{background-color:#4f46e5}.vpa-toggle .vpa-icon,.vpa-avatar .vpa-icon{background-color:#fff}#vanilla-page-agent-widget{position:fixed;bottom:24px;right:24px;z-index:2147483647!important;font-family:system-ui,-apple-system,sans-serif}.vpa-chat-window{width:380px;height:600px;max-height:80vh;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:bottom right}.vpa-chat-window.closed{display:none}.vpa-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px;display:flex;justify-content:space-between;align-items:center}.vpa-header-title{font-weight:600;color:#1e293b;font-size:15px;display:flex;align-items:center;gap:8px}.vpa-header-status{width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block}.vpa-header-actions{display:flex;gap:4px}.vpa-icon-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.vpa-icon-btn:hover{background:#f1f5f9;color:#475569}.vpa-icon-btn.active{color:#4f46e5;background:#e0e7ff}.vpa-chat-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.vpa-history-view{flex:1;display:none;flex-direction:column;background:#f8fafc;padding:16px;overflow-y:auto}.vpa-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.vpa-welcome-message{text-align:center;padding:20px;color:#64748b;font-size:13px}.vpa-input-area{display:flex;padding:12px;background:#fff;border-top:1px solid #e2e8f0;gap:8px}.vpa-input{flex:1;padding:10px 16px;border:1px solid #e2e8f0;border-radius:12px;outline:none;font-size:14px;background:#f8fafc;transition:border-color .2s}.vpa-input:focus{border-color:#6366f1;background:#fff}.vpa-send{background:#6366f1;color:#fff;border:none;border-radius:10px;padding:0 16px;font-weight:500;cursor:pointer;transition:background .2s}.vpa-send:hover{background:#4f46e5}.vpa-send:disabled{background:#cbd5e1;cursor:not-allowed}.vpa-send.stopping{background:#fca5a5;cursor:not-allowed}.vpa-send.running{background:#ef4444;color:#fff;cursor:pointer}.vpa-toggle{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#6366f1;color:#fff;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #6366f166;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;font-size:24px;z-index:2147483647}.vpa-toggle:hover{background:#4f46e5;transform:scale(1.05)}.vpa-toggle.open{transform:scale(.8);opacity:0;pointer-events:none}.vpa-msg-wrapper{display:flex;width:100%;gap:8px}.vpa-msg-wrapper.user{justify-content:flex-start;flex-direction:row-reverse}.vpa-msg-wrapper.agent{justify-content:flex-start;flex-direction:row}.vpa-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:4px}.vpa-avatar.user{background:#4f46e5;color:#fff}.vpa-avatar.agent{background:#1e293b;color:#fff}.vpa-msg-content-container{display:flex;flex-direction:column;gap:4px;max-width:85%}.vpa-msg-wrapper.user .vpa-msg-content-container{align-items:flex-end}.vpa-msg-wrapper.agent .vpa-msg-content-container{align-items:flex-start}.vpa-msg{padding:8px 12px;font-size:14px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.vpa-msg.user{background:#4f46e5;color:#fff;border-radius:16px 16px 4px}.vpa-msg.agent{background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:16px 16px 16px 4px}.vpa-actions-wrapper{display:none;flex-direction:column;width:100%;margin-top:4px}.vpa-actions-wrapper.visible{display:flex}.vpa-actions-toggle{font-size:12px;color:#6366f1;cursor:pointer;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding:2px 0}.vpa-actions-toggle:hover{color:#4f46e5;text-decoration:underline}.vpa-actions-toggle svg{transition:transform .2s}.vpa-actions-toggle.expanded svg{transform:rotate(90deg)}.vpa-actions-container{display:none;flex-direction:column;gap:4px;width:100%;min-width:200px;margin-top:4px}.vpa-actions-container.expanded{display:flex}.vpa-action{font-size:14px;padding:6px 8px;border-radius:6px;background:#f8fafc;border:1px solid #f1f5f9;display:flex;align-items:flex-start;gap:8px}.vpa-action-icon{margin-top:2px;display:flex;align-items:center;justify-content:center}.vpa-action-content{flex:1;display:flex;flex-direction:column}.vpa-action-desc{font-weight:500;font-size:13px}.vpa-action-desc.running{color:#1d4ed8}.vpa-action-desc.success{color:#334155}.vpa-action-desc.error{color:#b91c1c}.vpa-action-result{font-size:12px;color:#64748b;margin-top:2px;font-family:monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px;word-break:break-all}@keyframes vpa-spin{to{transform:rotate(360deg)}}.vpa-spin{animation:vpa-spin 1s linear infinite}.vpa-history-header{display:flex;align-items:center;gap:8px;color:#1e293b;font-weight:500;font-size:14px;margin-bottom:16px}.vpa-history-item{background:#fff;padding:12px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:12px;cursor:pointer;transition:border-color .2s}.vpa-history-item:hover{border-color:#a5b4fc}.vpa-history-item-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.vpa-history-item-name{font-size:14px;font-weight:500;color:#1e293b}.vpa-history-item-time{font-size:10px;color:#94a3b8}.vpa-history-item-desc{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpa-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;color:#94a3b8;text-align:center}.vpa-history-empty .vpa-icon{margin-bottom:8px}.vpa-history-empty-text{font-size:12px}