Adicionando CSS à prévia do editor

Continuando a discussão de Listas ordenadas com marcadores não numéricos:

Citações de outro tópico para contexto.


O que estou perguntando neste tópico é: existe alguma maneira de adicionar CSS personalizado que também seja aplicado à visualização do editor?

Eu descobri sozinho. A solução é usar a classe CSS .d-editor-preview como seletor.

.cooked, .d-editor-preview {
  div[data-wrap="letterlist"] {
    ul, ol {
      list-style-type: upper-alpha;
    }
  }
}

É assim que se faz. O anterior era específico para a publicação, como ela é exibida no feed, você estendeu para que também se aplicasse à área de visualização, então essa é realmente a solução correta.

Obrigado, Falco.

@Falco, se eu quisesse estilizar de forma diferente as camadas mais aninhadas de listas, seria um nível aninhado adicional de ol?