.cms-editor-page .cms-drop-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem;
  border: 1px dashed color-mix(in srgb, var(--color-primary) 50%, var(--color-outline-variant));
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
  color: var(--color-primary);
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.cms-editor-page .cms-drop-zone:hover,
.cms-editor-page .cms-drop-zone.is-dragging {
  border-color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 11%, var(--color-surface));
}

.cms-editor-page .cms-drop-zone.is-dragging {
  transform: translateY(-1px);
}

.cms-editor-page .cms-drop-zone-note {
  margin: 0.4rem 0 0;
  color: var(--color-on-surface-variant);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
}

.cms-editor-page .rich-editor {
  caret-color: var(--color-primary);
}

.cms-editor-page .editor-tool-btn[title] {
  position: relative;
}