body.agrar-bg-active::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:var(--agrar-bg-image);
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  opacity:var(--agrar-bg-opacity,.28);
  filter:blur(var(--agrar-bg-blur,0px));
  transform:scale(1.04);
  z-index:-3;
}
body.agrar-bg-active::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(57,255,20,.15), transparent 28%),
    linear-gradient(rgba(2,7,17,var(--agrar-bg-dark,.72)), rgba(2,7,17,var(--agrar-bg-dark,.72)));
  z-index:-2;
}
.bg-pro-zone{
  border:2px dashed rgba(57,255,20,.6);
  border-radius:22px;
  padding:28px;
  text-align:center;
  background:rgba(57,255,20,.07);
  cursor:pointer;
  margin:14px 0;
}
.bg-pro-zone.drag{background:rgba(57,255,20,.18)}
.bg-pro-preview{
  height:220px;
  border-radius:22px;
  background:#06101d center/cover no-repeat;
  border:1px solid rgba(57,255,20,.3);
  margin:14px 0;
}
.bg-pro-sliders{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.bg-pro-sliders input{width:100%}
@media(max-width:900px){.bg-pro-sliders{grid-template-columns:1fr}}