.certificate-page-shell .certificate-paper-wrap[data-protected-viewer]{
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  cursor:default;
}
.certificate-page-shell .certificate-paper-wrap[data-protected-viewer],
.certificate-page-shell .certificate-paper-wrap[data-protected-viewer] *{
  -webkit-user-drag:none;
}
.certificate-preview-surface{
  position:relative;
  z-index:1;
  width:min(100%,690px);
  aspect-ratio:1191 / 1684;
  margin:0 auto;
  background-color:#fff;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  box-shadow:0 22px 50px rgba(0,0,0,.35);
  opacity:0;
  transition:opacity .25s ease,transform .35s ease,box-shadow .35s ease;
}
.certificate-preview-surface.is-loaded{opacity:1}
.certificate-paper-wrap:hover .certificate-preview-surface{
  transform:translateY(-4px);
  box-shadow:0 30px 65px rgba(0,0,0,.45);
}
.certificate-protection-watermark{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:125%;
  padding:14px 0;
  transform:translate(-50%,-50%) rotate(-27deg);
  border-top:1px solid rgba(237,112,65,.42);
  border-bottom:1px solid rgba(237,112,65,.42);
  color:rgba(148,51,22,.5);
  background:rgba(255,255,255,.2);
  font:700 clamp(13px,2vw,20px)/1.2 Poppins,var(--font-body);
  letter-spacing:3px;
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
}
.certificate-protection-overlay{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(17,18,20,.72);
  color:#fff;
  font:600 10px/1 Poppins,var(--font-body);
  letter-spacing:1.4px;
  text-transform:uppercase;
  white-space:nowrap;
  pointer-events:none;
}
.certificate-protection-live-status{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.certificate-viewer-lock{color:#c9c9cb;font:500 10px/1 Poppins,var(--font-body);letter-spacing:.5px}
.certificate-viewer-actions{align-items:center;justify-content:space-between}
.certificate-viewer-actions span:first-child{color:#85868b;font:500 10px/1.4 Poppins,var(--font-body)}
.certificate-paper-wrap.protection-alert{animation:certificateProtectionAlert .45s ease}
.certificate-window-blurred .certificate-paper-wrap[data-protected-viewer]>*:not(.certificate-paper-glow):not(.certificate-protection-live-status){filter:blur(18px)}
.certificate-window-blurred .certificate-protection-overlay{filter:none!important}
.certificate-print-blocked .certificate-paper-wrap[data-protected-viewer]{display:none!important}
@keyframes certificateProtectionAlert{
  0%,100%{box-shadow:0 0 0 rgba(237,112,65,0)}
  50%{box-shadow:0 0 0 5px rgba(237,112,65,.55)}
}
@media(prefers-reduced-motion:reduce){
  .certificate-preview-surface{transition:none}
  .certificate-paper-wrap.protection-alert{animation:none}
}
@media print{
  .certificate-page-shell .certificate-viewer{display:none!important}
}