#emptyState > .editor-upload-drop-cue,
#canvasViewport > .editor-upload-drop-cue { display: none; }

#emptyState.is-upload-dragover > .editor-upload-drop-cue,
#canvasViewport.is-upload-dragover > .editor-upload-drop-cue {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  border: 2px solid #3157d5;
  border-radius: inherit;
  background: #f3f5fc;
  color: #111820;
  font: 700 14px/1.4 system-ui;
  pointer-events: none;
  z-index: 30;
}

[data-theme="dark"] #canvasViewport.is-upload-dragover > .editor-upload-drop-cue {
  background: rgba(18, 24, 34, .96);
  color: #f4f6fa;
}
[data-theme="dark"] #canvasViewport .editor-upload-drop-cue small { color: #b7c0cd; }

.editor-upload-drop-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
  border-radius: 50%;
  color: #3157d5;
  background: #eaedfb;
}

.editor-upload-drop-icon svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.editor-upload-drop-cue strong { font: inherit; }
.editor-upload-drop-cue small { color: #69717c; font-size: 12px; font-weight: 400; }