
/* Overlay */
#jd-safety-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:9999;
}

/* Fond perdu (bord extérieur) */
#jd-safety-overlay .jd-bleed-line{
  position:absolute;
  inset:0;
  border:2px dashed rgba(220,0,0,.75);
}

/* Zone de sécurité (marge intérieure ~5%) */
#jd-safety-overlay .jd-safe-line{
  position:absolute;
  top:5%;
  left:5%;
  width:90%;
  height:90%;
  border:2px dashed rgba(0,150,0,.75);
}

/* Toggle button (in header bar) */
.jd-safety-toggle{
  position: static;
  z-index: 50;
  background: rgba(0,0,0,.35);
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 13px;
  cursor: pointer;
  margin-left: 10px;
}
.jd-safety-toggle:hover{
  background: rgba(0,0,0,.45);
}

/* Center the safety/bleed toggle in the top bar */
.jd-cep-header{ position: relative; }
@media (max-width: 900px){
  }
