function PhotoPlaceholder({ height = 320, label = "Property photography", radius = "var(--radius-lg)" }) {
  return (
    <div style={{ height, borderRadius: radius, background: "linear-gradient(135deg, var(--forest-300), var(--earth-300) 60%, var(--sandstone-200))", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 8, color: "rgba(0,0,0,0.55)" }}>
      <span className="material-symbols-rounded" style={{ fontSize: 32 }}>photo_camera</span>
      <span style={{ font: "var(--text-label-sm)", letterSpacing: "0.06em", textTransform: "uppercase" }}>{label}</span>
    </div>
  );
}
window.PhotoPlaceholder = PhotoPlaceholder;