:root{--ai-3d-primary: #2563eb;--ai-3d-primary-hover: #1d4ed8;--ai-3d-secondary: #64748b;--ai-3d-success: #22c55e;--ai-3d-error: #ef4444;--ai-3d-warning: #f59e0b;--ai-3d-bg-primary: #ffffff;--ai-3d-bg-secondary: #f8fafc;--ai-3d-bg-tertiary: #f1f5f9;--ai-3d-text-primary: #0f172a;--ai-3d-text-secondary: #475569;--ai-3d-text-tertiary: #94a3b8;--ai-3d-border: #e2e8f0;--ai-3d-shadow: rgba(0, 0, 0, .1);--ai-3d-radius: .5rem;--ai-3d-radius-sm: .375rem;--ai-3d-radius-lg: .75rem;--ai-3d-transition: all .2s ease}@media (prefers-color-scheme: dark){:root{--ai-3d-bg-primary: #1e293b;--ai-3d-bg-secondary: #0f172a;--ai-3d-bg-tertiary: #334155;--ai-3d-text-primary: #f1f5f9;--ai-3d-text-secondary: #cbd5e1;--ai-3d-text-tertiary: #64748b;--ai-3d-border: #334155;--ai-3d-shadow: rgba(0, 0, 0, .3)}}.ai-3d-chat-product-wrapper{padding:2rem 0;background:var(--ai-3d-bg-secondary);min-height:80vh}.ai-3d-chat-container{max-width:900px;margin:0 auto;background:var(--ai-3d-bg-primary);border-radius:var(--ai-3d-radius-lg);box-shadow:0 4px 6px var(--ai-3d-shadow);overflow:hidden}.ai-3d-chat-header{padding:2rem;border-bottom:1px solid var(--ai-3d-border);display:flex;flex-direction:column;gap:1rem}.ai-3d-chat-title{font-size:2rem;font-weight:700;color:var(--ai-3d-text-primary);margin:0}.ai-3d-chat-subtitle{font-size:1rem;color:var(--ai-3d-text-secondary);margin:0}.ai-3d-chat-actions{display:flex;gap:1rem;margin-top:.5rem}.ai-3d-chat-content{display:flex;flex-direction:column;min-height:600px}.ai-3d-chat-column{display:flex;flex-direction:column}.ai-3d-chat-messages-column{flex:1}.ai-3d-chat-messages{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;max-height:500px}.ai-3d-message{display:flex;gap:1rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-3d-message-user{flex-direction:row-reverse}.ai-3d-message-avatar{width:40px;height:40px;border-radius:50%;background:var(--ai-3d-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ai-3d-primary)}.ai-3d-message-user .ai-3d-message-avatar{background:var(--ai-3d-primary);color:#fff}.ai-3d-message-content{flex:1;background:var(--ai-3d-bg-secondary);padding:1rem;border-radius:var(--ai-3d-radius);max-width:80%}.ai-3d-message-user .ai-3d-message-content{background:var(--ai-3d-primary);color:#fff}.ai-3d-message-content p{margin:0;line-height:1.6;color:inherit}.ai-3d-message-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-top:1rem}.ai-3d-message-image{width:100%;height:auto;border-radius:var(--ai-3d-radius-sm);cursor:pointer;transition:var(--ai-3d-transition);object-fit:cover;aspect-ratio:1}.ai-3d-message-image:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--ai-3d-shadow)}.ai-3d-loading-section{padding:2rem;display:flex;align-items:center;justify-content:center}.ai-3d-loading-spinner{text-align:center}.spinner{animation:rotate 2s linear infinite;width:50px;height:50px;margin:0 auto 1rem}.spinner .path{stroke:var(--ai-3d-primary);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}#ai-3d-loading-text{font-size:.875rem;color:var(--ai-3d-text-secondary);margin:0}.ai-3d-chat-input-area{padding:1.5rem 2rem;border-top:1px solid var(--ai-3d-border);background:var(--ai-3d-bg-primary)}.ai-3d-error-container{margin-bottom:1rem}.ai-3d-error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--ai-3d-radius-sm);color:var(--ai-3d-error);font-size:.875rem}.ai-3d-image-preview-container{margin-bottom:1rem}.ai-3d-image-preview{position:relative;display:inline-block;max-width:200px}.ai-3d-image-preview img{width:100%;height:auto;border-radius:var(--ai-3d-radius);box-shadow:0 2px 8px var(--ai-3d-shadow)}.ai-3d-remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:var(--ai-3d-error);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ai-3d-transition)}.ai-3d-remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.ai-3d-chat-form{width:100%}.ai-3d-input-wrapper{display:flex;gap:.75rem;align-items:flex-end;background:var(--ai-3d-bg-secondary);border:2px solid var(--ai-3d-border);border-radius:var(--ai-3d-radius);padding:.75rem;transition:var(--ai-3d-transition)}.ai-3d-input-wrapper:focus-within{border-color:var(--ai-3d-primary);box-shadow:0 0 0 3px #2563eb1a}.ai-3d-image-upload-btn{width:40px;height:40px;border-radius:var(--ai-3d-radius-sm);background:transparent;color:var(--ai-3d-text-secondary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ai-3d-transition);flex-shrink:0}.ai-3d-image-upload-btn:hover{background:var(--ai-3d-bg-tertiary);color:var(--ai-3d-primary)}.ai-3d-prompt-input{flex:1;border:none;background:transparent;color:var(--ai-3d-text-primary);font-size:1rem;resize:none;outline:none;min-height:40px;max-height:120px;font-family:inherit;line-height:1.5}.ai-3d-prompt-input::placeholder{color:var(--ai-3d-text-tertiary)}.ai-3d-send-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--ai-3d-primary);color:#fff;border:none;border-radius:var(--ai-3d-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--ai-3d-transition);white-space:nowrap;flex-shrink:0}.ai-3d-send-btn:hover:not(:disabled){background:var(--ai-3d-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.ai-3d-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-3d-send-btn.loading{pointer-events:none}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--ai-3d-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--ai-3d-transition);border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--ai-3d-primary);color:#fff}.btn-primary:hover{background:var(--ai-3d-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:transparent;color:var(--ai-3d-text-primary);border:2px solid var(--ai-3d-border)}.btn-secondary:hover{border-color:var(--ai-3d-primary);color:var(--ai-3d-primary)}.icon{width:1.25rem;height:1.25rem;flex-shrink:0}.hidden{display:none!important}.disabled{opacity:.5;pointer-events:none}@media (max-width: 768px){.ai-3d-chat-product-wrapper{padding:1rem 0}.ai-3d-chat-header{padding:1.5rem}.ai-3d-chat-title{font-size:1.5rem}.ai-3d-chat-messages{padding:1.5rem;max-height:400px}.ai-3d-message-content{max-width:90%}.ai-3d-chat-input-area{padding:1rem}.ai-3d-send-btn span{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ai-3d-chat-product.css.map */