/* Watermark — tool-specific styles (shared system lives in /assets/site.css). */

/* 3×3 position picker */
.anchor-btn {
  width: 2rem; height: 2rem; border-radius: 0.55rem;
  border: 1px solid var(--border); background: var(--surface);
  position: relative; transition: all 0.18s ease;
}
.anchor-btn::after {
  content: ''; position: absolute; inset: 0; margin: auto;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--faint); transition: all 0.18s ease;
}
.anchor-btn:hover { border-color: var(--accent-border); transform: scale(1.08); }
.anchor-btn.active {
  background: linear-gradient(135deg, var(--accent-strong), var(--accent));
  border-color: transparent; box-shadow: var(--accent-glow);
}
.anchor-btn.active::after { background: #fff; }

#previewCanvas {
  max-height: 560px;
  width: auto;
  user-select: none;
  -webkit-user-select: none;
}