:root{--xfam-ai-from: #8b5cf6;--xfam-ai-to: #ec4899}.xfam-ai-btn{display:inline-flex;align-items:center;gap:var(--space-6);padding:6px 12px;border:0;border-radius:var(--radius-full);background:linear-gradient(135deg,color-mix(in srgb,var(--xfam-ai-from) 18%,transparent),color-mix(in srgb,var(--xfam-ai-to) 18%,transparent));color:var(--color-text);font:inherit;font-size:12px;font-weight:var(--font-weight-normal);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.xfam-ai-btn:hover{transform:var(--hover-lift);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--xfam-ai-from) 40%,transparent)}html[data-theme-family=dark] .xfam-ai-btn:hover{box-shadow:0 3px 10px -5px color-mix(in srgb,var(--xfam-ai-from) 16%,transparent)}.xfam-ai-btn>i{color:var(--xfam-ai-from)}.xfam-ai-btn[disabled]{opacity:.6;transform:none;box-shadow:none}.xfam-ai-btn__caret{font-size:var(--text-10);opacity:.7;transform:rotate(-90deg);transition:transform var(--duration-base) ease;margin-left:auto}.xfam-ai-btn[aria-expanded=true] .xfam-ai-btn__caret{transform:rotate(0)}.xfam-ai-panel{margin-top:var(--space-12);padding:var(--space-12) var(--space-14);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--xfam-ai-from) 6%,var(--color-bg-overlay)),color-mix(in srgb,var(--xfam-ai-to) 6%,var(--color-bg-overlay)));border:1px solid color-mix(in srgb,var(--xfam-ai-from) 18%,transparent);animation:xfam-ai-panel-in .26s cubic-bezier(.34,1.56,.64,1)}.xfam-ai-panel[hidden]{display:none}@keyframes xfam-ai-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.xfam-ai-panel-head{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-12);font-weight:var(--font-weight-bolder);color:var(--color-text);margin-bottom:var(--space-6)}.xfam-ai-panel-head>i{color:var(--xfam-ai-from)}.xfam-ai-panel-head>.xfam-ai-panel-title{flex:1}.xfam-ai-panel-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-round);cursor:pointer}.xfam-ai-panel-close:hover{background:var(--color-bg-overlay);color:var(--color-text)}.xfam-ai-panel-body{font-size:var(--text-12);color:var(--color-text);line-height:var(--leading-160);white-space:pre-wrap;min-height:1.5em}.xfam-ai-panel-body[data-streaming]:after{content:"\258c";display:inline-block;margin-left:2px;color:var(--xfam-ai-from);animation:xfam-ai-caret .9s steps(2) infinite}@keyframes xfam-ai-caret{0%,49%{opacity:1}50%,to{opacity:0}}.xfam-ai-panel-placeholder{color:var(--color-text-muted)}.xfam-ai-panel-spinner{margin-right:var(--space-6);color:var(--xfam-ai-from)}.xfam-ai-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--xfam-ai-from) 6%,var(--color-bg-overlay)),color-mix(in srgb,var(--xfam-ai-to) 6%,var(--color-bg-overlay)));border:1px solid color-mix(in srgb,var(--xfam-ai-from) 14%,transparent)}.xfam-ai-banner-pitch{display:inline-flex;align-items:center;gap:var(--space-8);font-size:13px;color:var(--color-text)}.xfam-ai-banner-pitch>i{color:var(--xfam-ai-from)}.xfam-ai-banner>.xfam-ai-panel{flex-basis:100%;margin-top:var(--space-12)}.xfam-ai-panel--collapsible{padding:0;overflow:hidden;animation:none}.xfam-ai-panel--collapsible>.xfam-ai-btn{width:100%;padding:var(--space-10) var(--space-12);border-radius:0;background:transparent;text-align:left;font-size:var(--text-12);font-weight:600}.xfam-ai-panel--collapsible>.xfam-ai-btn:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--xfam-ai-from) 10%,transparent)}.xfam-ai-panel--collapsible>.xfam-ai-panel-body{display:none;margin:0 var(--space-12);padding:var(--space-10) 0 var(--space-12);border-top:1px solid color-mix(in srgb,var(--xfam-ai-from) 14%,transparent)}.xfam-ai-panel--collapsible.is-expanded>.xfam-ai-panel-body{display:block}.xfam-ai-panel--collapsible>.xfam-ai-btn:hover+.xfam-ai-panel-body{border-top-color:transparent}