.redact-preview-wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  border: 1.5px solid var(--ink-200);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--ink-50);
  line-height: 0;
  cursor: crosshair;
  touch-action: none;
}
.redact-preview-wrap canvas#previewCanvas { display: block; max-width: 100%; height: auto; }

.redact-box {
  position: absolute;
  background: rgba(13, 27, 30, 0.92);
  border: 1px solid #000;
  box-sizing: border-box;
}
.redact-box .redact-del {
  position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; border-radius: 50%;
  background: var(--white); border: 1.5px solid var(--ink-200); color: var(--ink-600);
  font-size: 12px; line-height: 1; display: none; align-items: center; justify-content: center; cursor: pointer; z-index: 4;
}
.redact-box:hover .redact-del { display: flex; }

.redact-page-nav { display: flex; align-items: center; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.redact-page-nav input[type="number"] { width: 70px; text-align: center; }
.redact-count-pill {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
  background: var(--brand-50); color: var(--brand-700); font-size: 12px; font-weight: 700; margin-left: auto;
}