/* Static soft masks cross section boundaries without animated layers. */
.margin-relief-layer {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: clip;
  visibility: hidden;
}
.margin-relief-layer[data-ready='true'] { visibility: visible; }
.margin-relief-layer .margin-relief {
  width: min(calc(var(--ornament-width) * 1vw), 520px);
  height: calc(var(--ornament-height) * 1px);
  opacity: calc(var(--ornament-opacity) / 100);
  background-size: 1040px auto;
  background-repeat: repeat-y;
  mask-image:
    radial-gradient(ellipse 70% 39% at 53% 27%, #000 5%, transparent 83%),
    radial-gradient(ellipse 65% 42% at 46% 66%, #000 5%, transparent 83%);
  z-index: auto;
  left: auto;
  right: auto;
}
.margin-relief-layer .margin-relief[data-side='left'] { left: calc(min(var(--ornament-width) * 1vw, 520px) * -.2); }
.margin-relief-layer .margin-relief[data-side='right'] { right: calc(min(var(--ornament-width) * 1vw, 520px) * -.2); }
@media (max-width: 640px) {
  .margin-relief-layer .margin-relief {
    width: calc(var(--ornament-width) * 1vw);
    height: calc(var(--ornament-height) * .72px);
    background-size: 820px auto;
  }
}

.photo-controls details { border-top: 1px solid var(--rule); margin-top: 16px; }
.photo-controls summary { min-height: 44px; cursor: pointer; padding-block: 12px; font-size: 16px; }
.photo-controls .mask-reset { color: var(--accent); }
.photo-controls .mask-help { margin-top: 0; }
.photo-controls .photo-controls-label { margin-top: 12px; }