/* NiceSlides.ru V429 — generation modal portal + final purple Continue button. */

/* The overlay itself must be viewport-fixed, not part of the page flow. */
html body > #genModal.gen-modal.public-generation-modal-v137.generation-modal-v228{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:10px!important;
  overflow:hidden!important;
  transform:none!important;
  translate:none!important;
  contain:none!important;
  isolation:isolate!important;
  background:rgba(31,21,48,.54)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
html body > #genModal.gen-modal.public-generation-modal-v137.generation-modal-v228[hidden]{
  display:none!important;
}
html body > #genModal.generation-modal-v228 > .gen-dialog.gen-dialog-v228{
  position:relative!important;
  flex:0 1 auto!important;
  width:min(640px,calc(100vw - 20px))!important;
  max-width:640px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 20px)!important;
  margin:auto!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  transform:none!important;
}

/* Never let "nonblocking-running" turn the overlay back into page-flow UI. */
html body > #genModal.generation-modal-v228.is-nonblocking-running{
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
}
html body > #genModal.generation-modal-v228.is-nonblocking-running > .gen-dialog-v228{
  pointer-events:auto!important;
}

/* Final high-specificity override for the cabinet Continue button.
   account-v410.css gives all action spans a dark color with !important. */
html body.cabinet-body-v410 #worksList.cabinet-works-list-v61
button.cab-work-action-v61.work-continue{
  border:0!important;
  background:#7338f3!important;
  background-image:linear-gradient(105deg,#6930ed 0%,#8f49ff 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px rgba(111,53,242,.22)!important;
}
html body.cabinet-body-v410 #worksList.cabinet-works-list-v61
button.cab-work-action-v61.work-continue > span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
}
html body.cabinet-body-v410 #worksList.cabinet-works-list-v61
button.cab-work-action-v61.work-continue > img{
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
}

/* Keep the portal compact on phones too. */
@media(max-width:760px){
  html body > #genModal.gen-modal.public-generation-modal-v137.generation-modal-v228{
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:5px!important;
  }
  html body > #genModal.generation-modal-v228 > .gen-dialog.gen-dialog-v228{
    width:calc(100vw - 10px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 10px)!important;
    margin:auto!important;
  }
}