Merge issue-43 (Refs #43)

# Conflicts:
#	craft/src/editor/CanvasOverlays.tsx

craft/src/styles/editor.css

@@ -1313,21 +1313,50 @@ body {
 /* --------------------------------------------------------------------------
    Drag & Drop Visual Cues
    -------------------------------------------------------------------------- */
-.drop-indicator {
+.editor-app.is-dragging .canvas-device-frame [data-drop-target] {
+  outline: 2px solid var(--color-accent) !important;
+  outline-offset: -2px;
+  background: var(--color-accent-subtle);
+}
+
+.editor-app.is-dragging .canvas-device-frame [data-drop-target][data-drop-error] {
+  outline-color: var(--color-danger) !important;
+  background: rgba(239, 68, 68, 0.12);
+}
+
+.editor-app.is-dragging .canvas-device-frame [data-drop-empty] {
   position: relative;
 }
 
-.drop-indicator::before {
-  content: '';
+.editor-app.is-dragging .canvas-device-frame [data-drop-empty]::after {
+  content: 'Drop here';
   position: absolute;
   inset: 0;
-  border: 2px dashed var(--color-accent);
-  border-radius: var(--radius-sm);
-  background: var(--color-accent-subtle);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--color-accent);
   pointer-events: none;
-  z-index: 5;
 }
 
+.editor-app.is-dragging .canvas-device-frame [data-drop-error][data-drop-empty]::after {
+  color: var(--color-danger);
+}
+
+/* Craft's insertion bar (restyled via the Editor `indicator` prop) above content */
+.wsb-drop-line {
+  z-index: 50;
+}
+
+/* While dragging only the drop target glows */
+.editor-app.is-dragging [data-craft-hovered] {
+  outline: none !important;
+}
+
+/* #43 */
+
 /* --------------------------------------------------------------------------
    Empty Canvas State
    -------------------------------------------------------------------------- */