/* O <image-slot> é a ferramenta de recorte do design system: no editor ele vive
   em shadow DOM, que não sobrevive à serialização. Aqui a moldura vira markup
   normal, com exatamente as mesmas regras que ele aplicava no :host e no .frame
   (cobertura centralizada, que é o que object-fit:cover faz). */
:where(image-slot){display:block;position:relative;width:100%;height:100%;aspect-ratio:3/2}
:where(image-slot)>.rv-frame{position:absolute;inset:0;overflow:hidden;background:rgba(127,127,127,.08)}
:where(image-slot)>.rv-frame>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}

/* O markup do design system traz display no atributo style, que ganha do
   display:none padrão do [hidden]. As variantes guardadas precisam sumir. */
[hidden]{display:none!important}