/* Motion stays on visual drag feedback; insertion geometry remains immediate. */
.builder-workspace .canvas-document .builder-block{transition:opacity 120ms ease-out}
.builder-workspace .canvas-document .canvas-drop-slot{animation:studio-drop-space 160ms ease-out}
.builder-workspace .canvas-document .canvas-just-dropped{animation:studio-block-land 280ms ease-out}
.canvas-drag-preview{transition:border-color 120ms ease-out!important}
.canvas-drag-preview[data-drop-allowed=false]{border-color:#8394ab!important}
/* Destination instructions stay legible even when the lifted picture covers
   its target. Both feedback layers remain outside pointer hit testing. */
.canvas-drop-guide{z-index:10001;box-sizing:border-box;max-width:min(260px,calc(100vw - 16px));line-height:1.4;overflow-wrap:anywhere;pointer-events:none}
@keyframes studio-drop-space{
  from{opacity:.4;background:#f3f8ff}
  to{opacity:1;background:#e8f2ff}
}
@keyframes studio-block-land{
  from{box-shadow:0 0 0 5px #6197ec2e}
  to{box-shadow:0 0 0 0 #6197ec00}
}
@media(prefers-reduced-motion:reduce){
  .builder-workspace .canvas-document .builder-block,.canvas-drag-preview{transition:none!important}
  .builder-workspace .canvas-document .canvas-drop-slot,.builder-workspace .canvas-document .canvas-just-dropped{animation:none}
}