.cs-transcript { display: flex; flex-direction: column; gap: 8px; padding: 8px; overflow-y: auto; }
.cs-bubble { max-width: 80%; border-radius: 8px; padding: 8px 10px; }
.cs-bubble-user { align-self: flex-end; background: #dbeafe; }
.cs-bubble-ai { align-self: flex-start; background: #f3f4f6; }
.cs-bubble-actions { display: flex; gap: 6px; margin-top: 4px; }
.cs-bubble-action-btn { border: none; background: none; font-size: 11px; color: #555; cursor: pointer; }
.cs-drawer { border: 1px solid #ddd; border-radius: 6px; padding: 6px; margin-top: 6px; }
.cs-drawer-list { list-style: none; padding: 0; margin: 0; }
.cs-drawer-empty { color: #888; font-size: 12px; }
.cs-drawer-item-btn { border: none; background: none; text-align: left; width: 100%; cursor: pointer; padding: 4px; }
.cs-drawer-item-delete { border: none; background: none; cursor: pointer; }
.cs-drawer-toggle { align-self: flex-start; }