#artomall-ai-widget * { box-sizing: border-box; font-family: Inter, system-ui, -apple-system, sans-serif; }
#aa-launcher { position: fixed; bottom: 24px; right: 24px; z-index: 999999; width: 62px; height: 62px; border-radius: 50%; cursor: pointer; border: none; background: linear-gradient(135deg,#0E7C86 0%,#0a5a62 100%); box-shadow: 0 8px 24px rgba(14,124,134,.45); display:flex; align-items:center; justify-content:center; transition: transform .2s ease; }
#aa-launcher:hover { transform: scale(1.07); }
#aa-launcher svg { width: 30px; height: 30px; }
#aa-badge { position:absolute; top:-4px; right:-4px; background:#FCD34D; color:#0F172A; font-size:10px; font-weight:700; padding:2px 6px; border-radius:10px; }
#aa-panel { position: fixed; bottom: 100px; right: 24px; z-index: 999999; width: 380px; max-width: calc(100vw - 32px); height: 560px; max-height: calc(100vh - 140px); background:#fff; border-radius:18px; overflow:hidden; display:none; flex-direction:column; box-shadow:0 20px 60px rgba(15,23,42,.28); border:1px solid #e6eef0; }
#aa-panel.open { display:flex; }
#aa-header { background: linear-gradient(135deg,#0E7C86 0%,#0a5a62 100%); color:#fff; padding:16px 18px; display:flex; align-items:flex-start; gap:12px; }
.aa-wordmark { font-size:21px; font-weight:800; letter-spacing:1.5px; color:#fff; line-height:1.05; }
.aa-subtag { font-size:11px; opacity:.85; color:#fff; letter-spacing:.2px; margin-top:3px; }
#aa-close { margin-left:auto; background:none; border:none; color:#fff; cursor:pointer; font-size:22px; opacity:.9; line-height:1; }
#aa-body { flex:1; overflow-y:auto; padding:16px; background:#f6f9fa; display:flex; flex-direction:column; gap:12px; }
.aa-msg { max-width:82%; padding:10px 13px; border-radius:14px; font-size:13.5px; line-height:1.45; white-space:pre-wrap; }
.aa-bot { background:#fff; color:#0F172A; align-self:flex-start; border:1px solid #e6eef0; border-bottom-left-radius:4px; }
.aa-user { background:#0E7C86; color:#fff; align-self:flex-end; border-bottom-right-radius:4px; }
.aa-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:2px; }
.aa-chip { background:#fff; border:1px solid #0E7C86; color:#0E7C86; font-size:12px; padding:6px 11px; border-radius:20px; cursor:pointer; }
.aa-chip:hover { background:#0E7C86; color:#fff; }
#aa-footer { padding:12px; background:#fff; border-top:1px solid #eef2f4; display:flex; gap:8px; }
#aa-input { flex:1; border:1px solid #d8e2e5; border-radius:22px; padding:10px 15px; font-size:13.5px; outline:none; }
#aa-input:focus { border-color:#0E7C86; }
#aa-send { background:linear-gradient(135deg,#0E7C86,#0a5a62); border:none; color:#fff; width:42px; height:42px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.aa-typing { display:flex; gap:4px; padding:12px 14px; }
.aa-typing span{ width:7px; height:7px; border-radius:50%; background:#0E7C86; opacity:.5; animation:aaBlink 1s infinite; }
.aa-typing span:nth-child(2){ animation-delay:.2s; } .aa-typing span:nth-child(3){ animation-delay:.4s; }
@keyframes aaBlink{ 0%,100%{opacity:.3;transform:translateY(0);} 50%{opacity:1;transform:translateY(-3px);} }
#aa-poweredby { text-align:center; font-size:10px; color:#9aa8ac; padding:0 0 8px; background:#fff; }