:root{--user-message-color: #3B81F6;--user-message-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--user-message-type: gradient;--user-message-text-color: #ffffff;--ai-chatbot-color: #3B81F6;--ai-chatbot-gradient: linear-gradient(to right, #3B81F6, #8B5CF6);--ai-chatbot-type: solid;--ai-chatbot-text-color: #ffffff;--chat-bubble-color: #000000;--chat-bubble-alignment: right;--agent-chat-desktop-width: 800px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;color:#333;height:100vh;overflow:hidden;transition:background-color .3s ease,color .3s ease}body[data-theme=dark]{background:#1f2937;color:#f9fafb}body[data-theme=dark] .chat-container,body[data-theme=dark] .chat-messages{background:#1f2937}body[data-theme=dark] .message-content{background:#374151;color:#f9fafb}body[data-theme=dark] .message-content:after{background:inherit}body[data-theme=dark] .message.assistant .message-content{background:var(--ai-chatbot-color, #374151);color:#f9fafb}body[data-theme=dark] .message.user .message-content{background:var(--user-message-color, #2563eb);color:var(--user-message-text-color, #f9fafb)}body[data-theme=dark] .message-input-container{background:#374151;border-color:#4b5563}body[data-theme=dark] .message-input{background:#374151;color:#f9fafb;border-color:#4b5563}body[data-theme=dark] .message-input::placeholder{color:#9ca3af}body[data-theme=dark] .powered-by{background:#1f2937;color:#9ca3af}body[data-theme=dark] .chat-footer{background:#1f2937;border-top-color:#374151}body[data-theme=dark] .suggested-message-btn{background:#374151;color:#f9fafb}body[data-theme=dark] .suggested-message-btn:hover{background:#4b5563}body[data-theme=dark] .action-icon{color:#f9fafb}body[data-theme=dark] .action-icon img{filter:brightness(0) invert(1)}.emoji-picker{position:fixed;bottom:100px;right:20px;width:300px;height:400px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;overflow:hidden}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f8f9fa;font-weight:600;font-size:14px}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#333}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;height:calc(100% - 60px);overflow-y:auto}.emoji{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:20px;cursor:pointer;border-radius:6px;transition:background-color .2s}.emoji:hover{background-color:#f0f0f0}body[data-theme=dark] .emoji-picker{background:#1f2937;border-color:#374151}body[data-theme=dark] .emoji-picker-header{background:#374151;border-color:#4b5563;color:#f9fafb}body[data-theme=dark] .close-btn{color:#9ca3af}body[data-theme=dark] .close-btn:hover{color:#f9fafb}body[data-theme=dark] .emoji:hover{background-color:#374151}.chat-container{display:flex;flex-direction:column;height:100vh;background:#fff;overflow:hidden;transition:width .3s ease;width:100%;max-width:var(--agent-chat-max-width, 100%)}body.desktop-width{--agent-chat-max-width: var(--agent-chat-desktop-width)}body.desktop-width .chat-container{width:100%;max-width:var(--agent-chat-max-width, 800px);margin:0 auto}.chat-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e5e5;background:#fff;display:flex;align-items:center;gap:.5rem}.chat-brand{display:flex;align-items:center;gap:.5rem}.chat-brand-logo{width:28px;height:28px;display:none}.chat-brand-title{font-weight:800;color:#1f2937;font-size:1.1rem}.chat-messages{flex:1;padding:2rem 0;overflow-y:auto;background:#fff}.message{margin-bottom:1.5rem;display:flex;gap:.75rem;width:100%;align-items:stretch;padding:0 1rem;box-sizing:border-box}.message.assistant{justify-content:flex-start;flex-direction:row}.message.user{justify-content:flex-end;flex-direction:row-reverse}.message-content{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem .85rem;background:#f8f9fa;border-radius:22px;font-size:.95rem;line-height:1.5;color:#333;flex:1 0 100%;width:100%!important;max-width:100%!important;min-width:100%!important;align-self:stretch;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;position:relative;box-shadow:0 10px 24px #0f172a14}.message-content,.message,.message-body,.message-text{max-width:100%!important;width:100%!important}.chat-messages .message-content,.chat-messages .message.assistant .message-content,.chat-messages .message.user .message-content{width:100%!important;max-width:100%!important}.message .message-content,.message.assistant .message-content,.message.user .message-content,.message .message-body,.message .message-text{max-width:100%!important;width:100%!important;flex:1 1 100%!important}.chat-container .message-content,.chat-container .message .message-content,.chat-container .message.assistant .message-content,.chat-container .message.user .message-content{max-width:100%!important;width:100%!important}.message-content,.message-text,.message-sender,.message-body,.message .message-content,.message.assistant .message-content,.message.user .message-content,.message .message-text,.message .message-sender,.message .message-body{text-align:left!important}.message.assistant .message-content{background:var(--ai-chatbot-color, #f8f9fa);color:var(--ai-chatbot-text-color, #333333);margin:0;text-align:left;align-items:flex-start}.message.assistant .message-content.gradient{background:var(--ai-chatbot-gradient)!important}.message.user .message-content{background:var(--user-message-color, #333);color:var(--user-message-text-color, #ffffff);margin:0;text-align:left;align-items:flex-start}.message.user .message-content.gradient{background:var(--user-message-gradient)!important}.message-body{display:flex;flex-direction:column;gap:.35rem;width:100%}.message-text{width:100%;text-align:left}.chat-link-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .9rem;border-radius:999px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;margin:.25rem .25rem .25rem 0;background:var(--chat-link-button-bg, #2563eb);color:var(--chat-link-button-text, #ffffff);box-shadow:0 2px 6px #0f172a1f;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.chat-link-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a29;filter:brightness(.97)}.chat-link-button:active{transform:translateY(0);box-shadow:0 2px 6px #0f172a38;filter:brightness(.92)}.chat-link-button:focus-visible{outline:2px solid rgba(59,129,246,.45);outline-offset:2px}.message.loading .message-content{background:#f0f4f8;color:#666;font-style:italic}.typing-dots{display:inline-block;position:relative;width:40px;height:10px;color:inherit}.typing-dots div{position:absolute;top:0;width:6px;height:6px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}.chat-actions{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;margin-top:.1rem;padding:.15rem 0 0;opacity:0;transition:opacity .2s ease;--chat-action-color: #666666;--chat-action-img-filter: brightness(0) saturate(100%)}body[data-bubble-align=left] .message.user{flex-direction:row;justify-content:flex-start}body[data-bubble-align=left] .message.user .message-content{text-align:left;align-items:flex-start}body[data-bubble-align=left] .message.user .chat-actions{justify-content:flex-start}body[data-bubble-align=right] .message.user{flex-direction:row-reverse;justify-content:flex-end}body[data-bubble-align=right] .message.user .message-content{text-align:left;align-items:flex-start}body[data-bubble-align=right] .message.user .chat-actions{justify-content:flex-end}.chat-actions.visible{opacity:1}.chat-action-btn{background:none;border:none;cursor:pointer;padding:.15rem;border-radius:4px;color:var(--chat-action-color, #666666);font-size:.85rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.chat-action-btn img{width:14px;height:14px;object-fit:contain;filter:var(--chat-action-img-filter, brightness(0) saturate(100%))}.chat-action-btn:hover{background:#f0f0f0;color:#333}.chat-action-btn:active{transform:scale(.95)}.chat-action-btn.copied{color:#4caf50}.chat-action-btn.liked{color:#2196f3}.chat-action-btn.disliked{color:#f44336}.chat-action-btn.retry{color:#ff9800}.typing-dots div:nth-child(1){left:4px;animation:typing-dots1 .6s infinite}.typing-dots div:nth-child(2){left:4px;animation:typing-dots2 .6s infinite}.typing-dots div:nth-child(3){left:16px;animation:typing-dots2 .6s infinite}.typing-dots div:nth-child(4){left:28px;animation:typing-dots3 .6s infinite}@keyframes typing-dots1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes typing-dots3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes typing-dots2{0%{transform:translate(0)}to{transform:translate(12px)}}.message-sender{font-weight:600;color:#333;margin-bottom:0;margin-top:0;display:block;line-height:1}.message:first-child .message-sender,.message.loading .message-sender{margin-top:.5rem}.message.user .message-sender{color:#fff}.chat-footer{padding:1.5rem 2rem;border-top:1px solid #e5e5e5;background:#fff}.powered-by{display:none;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#666;margin-bottom:0;background:#fff;padding:0;border-radius:4px;min-height:0}.agent-footer{margin-top:0;padding:15px 0 0;font-size:.65rem;color:#999;text-align:center;border:none;background:none;min-height:0}.agent-footer a{color:#3b81f6;text-decoration:none}.agent-footer a:hover{text-decoration:underline}.powered-by-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.powered-by-icon img{width:100%;height:100%;object-fit:contain}.suggested-messages-preview{display:flex;overflow-x:auto;gap:.5rem;margin-bottom:0;padding-bottom:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;min-height:0}.suggested-messages-preview::-webkit-scrollbar{height:6px}.suggested-messages-preview::-webkit-scrollbar-track{background:transparent}.suggested-messages-preview::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.suggested-messages-preview::-webkit-scrollbar-thumb:hover{background:#94a3b8}.suggested-message-btn{padding:.5rem .75rem;background:#f3f4f6;border:none;border-radius:12px;font-size:.85rem;color:#374151;cursor:pointer;transition:all .2s;outline:none;white-space:nowrap;flex-shrink:0}.suggested-message-btn:hover{background:#e5e7eb}.suggested-message-btn:focus{outline:none}.message-input-container{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:.75rem;position:relative}.message-input{flex:1;border:none;outline:none;font-size:.9rem;background:transparent}.input-actions{display:flex;gap:.5rem}.action-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.action-icon img{width:100%;height:100%;object-fit:contain}.message-input{flex:1;border:none;background:transparent;padding:.75rem;font-size:1rem;outline:none;resize:none;min-height:20px;max-height:120px}.message-input::placeholder{color:#999}.send-button{background:#007bff;color:#fff;border:none;border-radius:8px;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;min-width:44px;height:44px}.send-button:hover{background:#0056b3}.send-button:disabled{background:#ccc;cursor:not-allowed}.powered-by{text-align:center;color:#999;font-size:.8rem;padding:.5rem;background:#fff}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}