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

.tool-btn {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; padding: 12px 4px; border-radius: 12px;
  background: var(--surface); border: 1px solid var(--border);
  color: var(--text); font-size: 11px; font-weight: 700;
  transition: all 0.2s ease;
}
.tool-btn:hover { border-color: var(--accent-border); background: var(--accent-soft); transform: translateY(-1px); }
.tool-btn:active { transform: translateY(0) scale(0.97); }
.tool-btn.on {
  background: linear-gradient(135deg, var(--accent-strong), var(--accent));
  border-color: transparent; color: #fff;
  box-shadow: var(--accent-glow);
}

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