.gabrielle-chat{
  border:1px solid #ddd;
  border-radius:14px;
  overflow:hidden;
  max-width:720px;
  display:flex;
  flex-direction:column;
  background:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.gabrielle-chat__header{
  padding:12px 14px;
  font-weight:700;
  background:#f6f6f6;
  border-bottom:1px solid #eee;
}
.gabrielle-chat__log{
  padding:14px;
  gap:10px;
  display:flex;
  flex-direction:column;
  overflow:auto;
  min-height:280px;
  flex:1;
}
.gabrielle-chat__msg{display:flex}
.gabrielle-chat__msg--user{justify-content:flex-end}
.gabrielle-chat__msg--assistant{justify-content:flex-start}
.gabrielle-chat__bubble{
  max-width:82%;
  padding:10px 12px;
  border-radius:12px;
  line-height:1.35;
  white-space:pre-wrap;
  border:1px solid #eee;
  background:#fafafa;
}
.gabrielle-chat__msg--user .gabrielle-chat__bubble{
  background:#eef6ff;
  border-color:#dbeaff;
}
.gabrielle-chat__form{
  display:flex;
  gap:8px;
  padding:12px;
  border-top:1px solid #eee;
}
.gabrielle-chat__input{
  flex:1;
  border:1px solid #ddd;
  border-radius:10px;
  padding:10px 12px;
  min-width:0;
}
.gabrielle-chat__send{
  border:0;
  border-radius:10px;
  padding:10px 14px;
  cursor:pointer;
  background:#111;
  color:#fff;
}
.gabrielle-chat__send:hover{opacity:.92}
.gabrielle-chat__hint{
  padding:8px 12px;
  font-size:12px;
  color:#666;
  background:#fafafa;
  border-top:1px solid #eee;
}