/* ===========================
   Perdeu Achou — Blur Tool & Auto Blur UI
   =========================== */

.camera-zone {
  border: 2px dashed var(--border);
  border-radius: 12px;
  padding: 2.5rem 1rem;
  text-align: center;
  background: var(--bg-light);
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.camera-zone:hover {
  border-color: var(--primary);
  background: #EFF6FF;
}
.camera-zone > span.camera-icon { font-size: 3rem; display: block; margin-bottom: 0.5rem; }
.camera-zone > span.camera-label { font-size: 1.05rem; font-weight: 700; color: var(--text-dark); display: block; }
.camera-zone > span.camera-hint { font-size: 0.85rem; color: var(--text-gray); margin-top: 0.25rem; display: block; }

#blurProcessing .spinner {
  width: 40px; height: 40px;
  border: 4px solid var(--border);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

#blurToolModal {
  display: none;
}

#blurToolModal canvas {
  cursor: crosshair;
  border-radius: 8px;
  user-select: none;
  -webkit-user-select: none;
}

/* Mobile: canvas ocupa largura total */
@media (max-width: 600px) {
  #blurToolModal > div {
    padding: 0.5rem;
  }
}