.ldm-ai-flyout{display:flex;inset:0;justify-content:flex-end;opacity:0;position:fixed;transition:visibility 0s var(--ldm-transition-base),opacity var(--ldm-transition-base);visibility:hidden;z-index:var(--ldm-z-modal)}.ldm-ai-flyout[aria-hidden=false]{opacity:1;transition:visibility 0s,opacity var(--ldm-transition-base);visibility:visible}.ldm-ai-flyout__backdrop{background:rgba(0,0,0,.4);inset:0;position:absolute}.ldm-ai-flyout__panel{background:var(--ldm-color-bg);box-shadow:var(--ldm-shadow-xl);display:flex;flex-direction:column;height:100%;max-width:100vw;position:relative;transform:translateX(100%);transition:transform var(--ldm-transition-base);width:420px}.ldm-ai-flyout[aria-hidden=false] .ldm-ai-flyout__panel{transform:translateX(0)}.ldm-ai-flyout__header{align-items:center;border-bottom:1px solid var(--ldm-color-border);display:flex;justify-content:space-between;padding:var(--ldm-space-3) var(--ldm-space-3)}.ldm-ai-flyout__title{font-size:var(--ldm-font-size-lg);font-weight:var(--ldm-font-weight-semibold);margin-bottom:0}.ldm-ai-flyout__close{background:none;border:none;border-radius:var(--ldm-radius-sm);color:var(--ldm-color-text-secondary);cursor:pointer;padding:4px;transition:color var(--ldm-transition-fast)}.ldm-ai-flyout__close:hover{color:var(--ldm-color-text-primary)}.ldm-ai-flyout__body{display:flex;flex:1;flex-direction:column;gap:var(--ldm-space-2);overflow-y:auto;padding:var(--ldm-space-3)}.ldm-ai-flyout__messages{flex:1}.ldm-ai-flyout__welcome p{color:var(--ldm-color-text-secondary);font-size:var(--ldm-font-size-sm)}.ldm-ai-flyout__offline{background:#fef3c7;border-radius:var(--ldm-radius-md);color:#92400e;font-size:var(--ldm-font-size-sm);padding:var(--ldm-space-2)}.ldm-ai-flyout__examples{display:flex;flex-wrap:wrap;gap:var(--ldm-space-1);margin-top:auto}.ldm-ai-flyout__example-chip{background:var(--ldm-color-surface);border:1px solid var(--ldm-color-border);border-radius:var(--ldm-radius-full);color:var(--ldm-color-text-secondary);cursor:pointer;font-family:var(--ldm-font-sans);font-size:var(--ldm-font-size-xs);padding:6px 12px;transition:background var(--ldm-transition-fast),color var(--ldm-transition-fast)}.ldm-ai-flyout__example-chip:hover{background:var(--ldm-color-primary);border-color:var(--ldm-color-primary);color:var(--ldm-color-bg)}.ldm-ai-flyout__input-bar{border-top:1px solid var(--ldm-color-border);display:flex;gap:var(--ldm-space-1);padding:var(--ldm-space-2) var(--ldm-space-3)}.ldm-ai-flyout__input{border:1px solid var(--ldm-color-border);border-radius:var(--ldm-radius-md);flex:1;font-family:var(--ldm-font-sans);font-size:var(--ldm-font-size-sm);outline:none;padding:10px 14px;transition:border-color var(--ldm-transition-fast)}.ldm-ai-flyout__input:focus{border-color:var(--ldm-color-primary)}.ldm-ai-flyout__send{background:var(--ldm-color-primary);border:none;border-radius:var(--ldm-radius-md);color:var(--ldm-color-bg);cursor:pointer;padding:10px 14px;transition:background var(--ldm-transition-fast)}.ldm-ai-flyout__send:hover{background:var(--ldm-color-ink)}@media (max-width:767px){.ldm-ai-flyout__panel{width:100vw}}@media (prefers-reduced-motion:reduce){.ldm-ai-flyout,.ldm-ai-flyout__close,.ldm-ai-flyout__example-chip,.ldm-ai-flyout__panel,.ldm-ai-flyout__send{transition:none}}