#vila-ai-root{position:fixed;right:18px;bottom:18px;z-index:99990;font:15px/1.45 system-ui,-apple-system,sans-serif}
#vila-ai-root[hidden]{display:none}
#vila-ai-toggle{background:linear-gradient(135deg,#F97316,#EA580C);color:#fff;border:0;border-radius:999px;padding:13px 22px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 25px rgba(234,88,12,.4);transition:transform .15s ease,box-shadow .15s ease}
#vila-ai-toggle:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(234,88,12,.5)}
#vila-ai-panel{position:fixed;right:18px;bottom:84px;width:min(390px,calc(100vw - 36px));height:min(560px,calc(100vh - 120px));background:#F8FAFC;color:#1E293B;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.35);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(148,163,184,.25)}
#vila-ai-panel[hidden]{display:none}
#vila-ai-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#1E293B,#0F172A);color:#fff;flex:0 0 auto}
#vila-ai-panel>header strong{font-size:15.5px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vila-ai-panel>header strong::before{content:"";}
#vila-ai-close{background:rgba(255,255,255,.12);border:0;color:#fff;font-size:16px;cursor:pointer;line-height:1;width:28px;height:28px;border-radius:50%;flex:0 0 auto}
#vila-ai-close:hover{background:rgba(255,255,255,.25)}
#vila-ai-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.vila-msg{margin:0;padding:10px 14px;border-radius:14px;max-width:86%;white-space:pre-wrap;word-break:break-word;line-height:1.5;font-size:14.5px;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.vila-msg:first-child{border-top-left-radius:4px}
.vila-msg.user{background:linear-gradient(135deg,#F97316,#EA580C);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.vila-msg.assistant{background:#fff;color:#1E293B;align-self:flex-start;border-bottom-left-radius:4px;border:1px solid rgba(148,163,184,.25)}
.vila-thinking{opacity:.7;font-style:italic;box-shadow:none;border-style:dashed}
.vila-msg .vila-link{color:#C2410C;font-weight:600;text-decoration:underline}
.vila-sources{align-self:flex-start;display:flex;flex-direction:column;gap:3px;padding:2px 10px;max-width:86%}
.vila-sources a{color:#64748B;font-size:12px;text-decoration:none}
.vila-sources a:hover{color:#EA580C;text-decoration:underline}
#vila-ai-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid rgba(148,163,184,.25);flex:0 0 auto}
#vila-ai-input{flex:1;border:1px solid rgba(148,163,184,.45);border-radius:999px;padding:11px 16px;font-size:14px;background:#F8FAFC;outline:none}
#vila-ai-input:focus{border-color:#F97316;background:#fff;box-shadow:0 0 0 3px rgba(249,115,22,.15)}
#vila-ai-form button{background:linear-gradient(135deg,#F97316,#EA580C);color:#fff;border:0;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer}
#vila-ai-form button:disabled{opacity:.6;cursor:default}
#vila-ai-panel>small{display:block;text-align:center;font-size:11px;color:#94A3B8;padding:6px 12px 10px;background:#fff;flex:0 0 auto}
.vila-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){#vila-ai-panel{right:10px;left:10px;bottom:80px;width:auto;height:min(520px,calc(100vh - 100px))}#vila-ai-root{right:12px}}