/* Additive right-side preview drawer for generated files with preview_url. */
.zaknor-preview-modal:not([hidden]){
  position:fixed!important;
  z-index:999999!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  inset:auto 0 0 auto!important;
  width:min(52vw,820px)!important;
  height:100vh!important;
  margin:0!important;
  border-radius:18px 0 0 18px!important;
  padding:10px!important;
  background:#07111f!important;
  box-shadow:-24px 0 70px rgba(0,0,0,.48)!important;
}
.zaknor-preview-modal .zaknor-preview-frame{
  min-height:0!important;
  height:100%!important;
  flex:1 1 auto!important;
  background:#07111f!important;
}
.zaknor-preview-modal .zaknor-preview-head{flex:0 0 auto!important}
.zaknor-generated-file:has(.zaknor-generated-preview) .zaknor-generated-file-name{cursor:pointer;text-decoration:none}
.zaknor-generated-file:has(.zaknor-generated-preview) .zaknor-generated-file-name:hover{color:#9ff0ff}
@media(max-width:900px){
  .zaknor-preview-modal:not([hidden]){width:100vw!important;border-radius:0!important}
}