.transform-box {
  position: fixed;
  z-index: 92;
  border: 1px solid #713818;
  pointer-events: none;
}

.transform-box[hidden] { display: none; }

.transform-handle {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #713818;
  box-shadow: 0 0 0 1px #713818;
  pointer-events: auto;
  touch-action: none;
}

.transform-handle[data-corner="nw"] { left: -7px; top: -7px; cursor: nwse-resize; }
.transform-handle[data-corner="ne"] { right: -7px; top: -7px; cursor: nesw-resize; }
.transform-handle[data-corner="sw"] { left: -7px; bottom: -7px; cursor: nesw-resize; }
.transform-handle[data-corner="se"] { right: -7px; bottom: -7px; cursor: nwse-resize; }

.text-edit-mode .design-object { pointer-events: auto; }
.text-edit-mode .design-object.is-selected { cursor: default; }
.text-edit-mode.ctrl-hand .design-object { cursor: grab; }
.text-edit-mode.ctrl-hand.is-moving .design-object { cursor: grabbing; }
.text-edit-mode .design-text.is-typing { cursor: text; outline: none; }