#crafty-agent-root { --crafty-primary:#29aabd; --crafty-bg:#fff; --crafty-ink:#1a1a1a; --crafty-border:#d1d5db; --crafty-agent-bg:#e6f8fb; --crafty-shadow:0 10px 30px rgba(0,0,0,.12); font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"; }
.crafty-launcher{ position:fixed; right:18px; bottom:18px; z-index:99998; background:var(--crafty-primary); color:#fff; border:0; border-radius:999px; padding:12px 16px; font-weight:600; box-shadow:var(--crafty-shadow); cursor:pointer;}
.crafty-chat.hidden{display:none}.crafty-chat{ position:fixed; right:18px; bottom:18px; z-index:99999; width:min(92vw,420px); transition:transform .2s ease, opacity .2s ease;}
.crafty-chat-card{ background:var(--crafty-bg); color:var(--crafty-ink); border-radius:16px; overflow:hidden; box-shadow:var(--crafty-shadow); display:flex; flex-direction:column; max-height:70vh;}
.crafty-chat-header{ background:var(--crafty-primary); color:#fff; padding:12px 14px; display:flex; align-items:center; justify-content:space-between;}
.crafty-title{ font-weight:700;} .crafty-close{ background:transparent; border:0; color:#fff; font-size:20px; width:28px; height:28px; cursor:pointer; border-radius:6px;}
.crafty-chat-body{ padding:12px; overflow-y:auto; flex:1;} .crafty-welcome{ display:grid; gap:8px;} .crafty-label{ color:var(--crafty-primary); font-weight:600;}
.crafty-input{ width:100%; border:1px solid var(--crafty-border); border-radius:10px; padding:10px 12px;} .crafty-btn{ background:var(--crafty-primary); color:#fff; border:0; border-radius:10px; padding:10px 12px; font-weight:600; cursor:pointer;}
.crafty-thread{ display:flex; flex-direction:column; gap:8px;} .crafty-row{ display:flex; align-items:flex-end; gap:8px;} .crafty-row.agent{ justify-content:flex-start;} .crafty-row.user{ justify-content:flex-end;}
.crafty-bubble{ max-width:78%; padding:10px 12px; border-radius:14px; line-height:1.35; box-shadow:0 2px 6px rgba(0,0,0,.05); word-break:break-word; white-space:pre-wrap;}
.crafty-bubble.agent{ background:var(--crafty-agent-bg); border:1px solid #bfeaf4;} .crafty-bubble.user{ background:#f3f4f6; border:1px solid #e5e7eb;}
.crafty-chat-footer{ padding:10px; border-top:1px solid #f0f0f0;} .crafty-form{ display:flex; gap:8px;} .crafty-form .crafty-input{ flex:1;}