/* Blank block preview in the editor */
.kbsp-blank--preview {
  outline: 1px dashed #cbd5e1; /* Dashed outline */
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 8px,
    rgba(0, 0, 0, 0.04) 8px,
    rgba(0, 0, 0, 0.04) 16px
  );
  border-radius: 6px;
  min-height: 1em; /* Ensure a minimum height for easier selection */
}

/* Ad block preview in the editor */
.kbsp-ad-preview {
  border: 1px dashed #94a3b8;
  background: #f8fafc;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  font-size: 13px;
}

/* Darker outline when the block is selected */
.kbsp-blank--preview.is-selected,
.kbsp-ad-preview.is-selected {
  outline: 2px dashed #64748b;
  border-color: #64748b;
}