/* =========================================================
   AUTOPASFOTO ULTIMATE - CORE STYLESHEET
   ========================================================= */

/* Animasi Loading AI */
.loader { border: 4px solid #f3f3f3; border-top: 4px solid #3b82f6; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Modifikasi Input Radio untuk Pilihan Warna */
input[type="radio"]:checked + div { border-color: #3b82f6; box-shadow: 0 0 0 2px #3b82f6; background-color: #eff6ff; }

/* Wadah Gambar saat Cropping */
.img-container { max-height: 350px; width: 100%; overflow: hidden; border-radius: 0.5rem; background-color: #f8fafc; }
.img-container img { display: block; max-width: 100%; }

/* Area Editor Interaktif & Kanvas */
#editor-viewport { overflow: auto; height: 400px; width: 100%; position: relative; background: #e2e8f0; touch-action: pan-x pan-y; }
#editor-viewport.drawing-mode { touch-action: none; } /* Kunci scroll saat menghapus */

#canvas-wrapper { position: relative; display: inline-flex; justify-content: center; align-items: center; transform-origin: center; transition: transform 0.1s ease-out; background-color: #db1514; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2); }
#display-canvas { max-height: 350px; width: auto; object-fit: contain; display: block; }

/* Kursor Kuas Jarak Jauh (Anti Fat-Finger) */
#brush-cursor { position: fixed; border: 2px solid rgba(255,255,255,0.9); box-shadow: 0 0 4px rgba(0,0,0,0.5); border-radius: 50%; pointer-events: none; z-index: 100; display: none; transform: translate(-50%, -50%); }
#brush-tail { position: absolute; width: 2px; background-color: rgba(255,255,255,0.9); box-shadow: 0 0 2px rgba(0,0,0,0.5); left: 50%; top: 100%; transform: translateX(-50%); display: none; }

/* Status Tombol Aktif */
.tool-active { background-color: #3b82f6 !important; color: white !important; border-color: #2563eb !important; }

/* Custom Scrollbar agar lebih rapi */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

/* Wadah Iklan (Anti CLS) */
.ad-slot { min-height: 90px; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #f1f5f9; border: 1px dashed #cbd5e1; border-radius: 0.5rem; color: #94a3b8; font-size: 0.75rem; text-align: center; overflow: hidden; }