#red-writing-workspace.red-motion-dragging,
#red-writing-workspace.red-motion-dragging * {
  cursor: grabbing !important;
  user-select: none !important;
}
#red-writing-workspace .red-motion-source {
  opacity: 0.32;
}
#red-writing-workspace .red-motion-hidden {
  display: none !important;
}
#red-writing-workspace .red-motion-gap {
  flex-shrink: 0;
  pointer-events: none;
  border-radius: 13px;
  border: 2px dashed color-mix(in srgb, var(--red-accent) 75%, var(--red-paper));
  background: color-mix(in srgb, var(--red-accent) 12%, var(--red-paper));
  box-sizing: border-box;
  opacity: .4;
}
#red-writing-workspace .red-motion-preview {
  pointer-events: none !important;
}
#red-writing-workspace .red-drag-handle {
  touch-action: none;
  cursor: grab;
}
#red-writing-workspace .red-motion-receiving > .red-set-drop-empty {
  display: none;
}
#red-writing-workspace .desk-shelf-row.is-drop-target {
  border-style: solid;
  box-shadow:
    inset 0 0 0 1px var(--red-accent),
    0 4px 14px var(--red-shadow);
}
#red-writing-workspace .red-show-file.is-dragging {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--red-accent) 12%, transparent);
}
#red-board .board-node.is-lifted,
#red-board .board-gold.is-lifted {
  z-index: 20;
  cursor: grabbing;
  box-shadow:
    0 22px 44px #0003,
    0 4px 12px #0002;
  transition: box-shadow 0.18s ease;
}
#red-board [data-deliver].is-drop-target {
  background: var(--board-gold);
  color: var(--board-ink);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--board-accent) 22%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  #red-board .is-lifted {
    transition: none !important;
  }
}

/* Above the lifted paragraph, so the destination cannot hide behind it. */
#red-writing-workspace .red-motion-receiving > .red-motion-gap { opacity: 1; }
#red-writing-workspace .red-motion-landing {
  position: fixed;
  z-index: 20001;
  display: flex;
  align-items: center;
  gap: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--red-accent);
  font: 600 13px RedDeskSans, system-ui, sans-serif;
  text-shadow: 0 1px 2px var(--red-paper);
}
#red-writing-workspace .red-motion-landing[hidden] { display: none; }
#red-writing-workspace .red-motion-landing::before,
#red-writing-workspace .red-motion-landing::after {
  content: "";
  flex: 1;
  height: 3px;
  border-radius: 3px;
  background: var(--red-accent);
  box-shadow: 0 0 0 2px var(--red-paper), 0 2px 8px var(--red-shadow);
}

#red-writing-workspace .red-motion-landing > span {
  padding: 5px 12px;
  border: 1px solid var(--red-accent);
  border-radius: 999px;
  background: var(--red-paper);
  box-shadow: 0 3px 12px var(--red-shadow);
  white-space: nowrap;
}