.symon-box{max-width:640px;margin:1rem auto;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;font:16px system-ui}
.symon-messages{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto}
.symon-form{display:flex;border-top:1px solid #eee}
.symon-form input{flex:1;padding:12px;border:0;outline:none}
.symon-form button{padding:12px 16px;border:0;background:#111;color:#fff;cursor:pointer}
.symon-msg{padding:10px 12px;border-radius:10px;max-width:85%;white-space:pre-wrap}
.symon-user{align-self:flex-end;background:#e8f0ff}
.symon-assistant{align-self:flex-start;background:#f6f6f6}
.symon-thinking{opacity:.7;font-style:italic}