/* Ajustes finos de layout da MonaiAds. */

/* A moldura do topo agora abriga o painel "antes e depois", que traz a
   própria borda e o próprio fundo. Aqui ela só reserva a largura , sem
   máscara desbotando a base, sem fundo branco e sem borda dupla. */
.interactive-shot{
  max-width:1128px;
  border:0;
  background:none;
  box-shadow:none;
  overflow:visible;
  -webkit-mask-image:none;
  mask-image:none;
  border-radius:0;
}
@media(max-width:640px){
  .interactive-shot{
    max-width:100%;
    -webkit-mask-image:none;
    mask-image:none;
  }
}

/* A janela da automação abriga a cena de etapas, que ocupa toda a altura. */
.mn-ct-janela{position:relative;display:flex}
.mn-ct-janela > .fx{flex:1;min-width:0}

/* A janela herdou fundo e borda claros fixos (#eef0f5 / #ced3df) do
   tema original. A cena de automação que mora dentro dela é escura,
   então a moldura passa a ser só o recorte. */
.mn-ct-janela{
  background:transparent;
  border-color:var(--line);
  box-shadow:none;
}

/* A moldura não impõe mais altura: o painel HTML tem a própria. Isso
   também aposenta a classe .mobile-preview, que existia para encaixar
   um iframe de proporção fixa. */
.interactive-shot{height:auto}
.interactive-shot.mobile-preview{max-width:100%;height:auto;width:auto;margin-inline:0}