.crop-pdf-stage {
  position: relative;
  max-width: 720px;
  margin: 16px auto;
  background: #f3f4f6;
  border-radius: 12px;
  overflow: hidden;
  touch-action: none;
}
.crop-pdf-stage canvas { display: block; width: 100%; height: auto; }
.crop-pdf-box {
  position: absolute;
  z-index: 2;
  border: 2px solid #2563eb;
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.45);
  cursor: move;
  box-sizing: border-box;
}
.crop-pdf-box .h {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 2px solid #1d4ed8;
  border-radius: 4px;
}
.crop-pdf-box .h.nw { left: -10px; top: -10px; cursor: nwse-resize; }
.crop-pdf-box .h.ne { right: -10px; top: -10px; cursor: nesw-resize; }
.crop-pdf-box .h.sw { left: -10px; bottom: -10px; cursor: nesw-resize; }
.crop-pdf-box .h.se { right: -10px; bottom: -10px; cursor: nwse-resize; }
.crop-pdf-fields {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 12px;
}
.crop-pdf-fields label { display: block; font-size: 13px; margin-bottom: 4px; }
.crop-pdf-fields input { width: 100%; }
.crop-pdf-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.crop-pdf-list { margin: 10px 0 0; padding-left: 18px; }
@media (max-width: 700px) {
  .crop-pdf-fields { grid-template-columns: 1fr 1fr; }
}