.message-stream {
  @apply flex-1 min-h-0 overflow-y-auto flex flex-col gap-0.5;
  background-color: var(--surface-base);
  color: inherit;
}

.message-stream-block {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;

  /* Reduce render + paint work for offscreen (but mounted) blocks.
     Keep a conservative intrinsic size to avoid scroll jumps. */
  content-visibility: auto;
  contain-intrinsic-size: 1px 400px;
  contain: layout paint style;
}

.virtual-item-wrapper {
  width: 100%;
}

.virtual-item-placeholder,
.message-stream-placeholder {
  display: block;
  width: 100%;
  position: relative;
  background-color: transparent;
}

.virtual-item-content {
  width: 100%;
  position: relative;
}

.virtual-item-content-hidden {
  position: absolute;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
}