.markdown-preview img,
.message-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1rem auto;
  border-radius: 8px;
}

.rich-visual-frame {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 300px;
  margin: 1rem 0;
  border: 1px solid var(--border-color, #ddd);
  border-radius: 8px;
  background: white;
}

.markdown-preview table,
.message-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.markdown-preview th,
.markdown-preview td,
.message-content th,
.message-content td {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border-color, #ddd);
  text-align: left;
}