.dpfd-anchor {
  display: none !important;
}

.dpfd-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: transparent;
  pointer-events: none; /* do not block clicks/scroll */
}

.dpfd-layer--page {
  position: absolute;
  top: 0;
  left: 0;
}

.dpfd-layer .dpfd-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: transparent;
  pointer-events: none; /* draw handlers are attached to the scope, not the canvas */
}

.dpfd-scope,
.dpfd-scope * {
  cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%3Cpath%20d%3D%22M20.5%204.5l7%207-15.7%2015.7-7.8%201.8%201.8-7.8L20.5%204.5z%22%20fill%3D%22%23111%22/%3E%0A%3Cpath%20d%3D%22M18.9%206.1l7%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.35%22/%3E%0A%3C/svg%3E") 4 28, crosshair;
}

/* Prevent text selection while the user is drawing (desktop + mobile). */
.dpfd-no-select,
.dpfd-no-select * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
/* Prevent native image drag on Safari/Chrome while drawing. */
.dpfd-no-select img {
  -webkit-user-drag: none;
  user-drag: none;
}


.dpfd-layer[data-dpfd-disabled="1"] {
  display: none;
}

.dpfd-scope.dpfd-scope--disabled,
.dpfd-scope.dpfd-scope--disabled * {
  cursor: default;
}