.split-view {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--block-space);
  height: 100%;
}

.split-view__preview {
  overflow: auto;
  background: var(--color-canvas);
}

.split-view__preview img,
.split-view__preview iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.split-view__form {
  overflow: auto;
  padding: var(--block-space);
}

@media (max-width: 768px) {
  .split-view {
    grid-template-columns: 1fr;
    grid-template-rows: 40% 60%;
  }
}