#xd-widget { position: fixed; z-index: 99999; font-family: Arial, sans-serif; }
#xd-widget.xd-right { right: 20px; bottom: 20px; }
#xd-widget.xd-left { left: 20px; bottom: 20px; }
#xd-toggle { cursor:pointer; padding:10px 12px; color:#fff; border-radius:8px; display:flex; align-items:center; gap:8px; }
#xd-toggle img { width:36px; height:36px; border-radius:50%; background:#fff; padding:4px; }
#xd-panel { width:320px; max-height:480px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,0.15); border-radius:8px; margin-top:8px; overflow:hidden; }
#xd-messages { padding:12px; height:320px; overflow:auto; }
.user-msg { text-align:right; margin:8px 0; }
.bot-msg { text-align:left; margin:8px 0; }
#xd-controls { padding:8px; border-top:1px solid #eee; display:flex; flex-direction:column; gap:6px; }
#xd-input { width:100%; min-height:44px; }
#xd-send { padding:8px 12px; cursor:pointer; }