/* =====================================================================
   📁 /assets/css/boy-urun-foto.css
   ---------------------------------------------------------------------
   ✅ "Ürün Foto Hazırla" (Faz 1.4) sayfasına özel küçük ek stiller.
   ✅ Ana iskelet /assets/css/boy-kirp-kirp.css'ten gelir
      (upload-box, canvas-stage, panel, grid-21, grid-2, row-inline,
      zip-preset-grid, zip-check, info-icon, export-btn, reset-btn, ...).
   ✅ Burada sadece bu sayfaya özgü küçük dokunuşlar var.
   ===================================================================== */

/* Kare önizleme kanvası ortalı ve responsive görünsün */
body[data-tool="urun-foto"] #dropzone {
	display: flex;
	align-items: center;
	justify-content: center;
}
body[data-tool="urun-foto"] #dropzone canvas {
	max-width: 100%;
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .12);
}

/* AI arka plan silme linki — panel içinde ikincil aksiyon gibi görünsün */
.urun-ai-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	color: #3577ff;
	background: rgba(53, 119, 255, .08);
	border: 1px dashed rgba(53, 119, 255, .35);
	transition: background .15s ease, color .15s ease;
}
.urun-ai-link:hover {
	background: rgba(53, 119, 255, .16);
	color: #1c54e0;
}
body.dark .urun-ai-link,
body[data-theme="dark"] .urun-ai-link {
	color: #8fb4ff;
	background: rgba(143, 180, 255, .1);
	border-color: rgba(143, 180, 255, .35);
}
body.dark .urun-ai-link:hover,
body[data-theme="dark"] .urun-ai-link:hover {
	background: rgba(143, 180, 255, .18);
}

/* Sharpen slider değeri okunaklı dursun */
#sharpenValue {
	font-weight: 700;
}

@media (max-width: 520px) {
	.urun-ai-link {
		width: 100%;
		justify-content: center;
	}
}