Las Media Queries no se aplican a un bloque personalizado que escribí

Escribí un div block sencillo así 
blockManager.add('simple-div', {
    etiqueta: 'Contenedor',
    contenido: '"<!––<div class="simple-div"></div> ––>"',
    categoría: 'Básico',
    atributos: {
    título: 'Simple Box',
    Clase: 'FA FA-CUADRADO'
  }
});

Pero NO responde en absoluto. Así es como funciona:
1. Configuro su ancho al 100% en el escritorio
2. Cambio a la tableta y pongo su ancho al 50%
3. Vuelvo al escritorio y el ancho sigue siendo del 50%
Tampoco hay consultas de medios en el CSS
(las consultas de medios funcionan bien para imágenes)

¿Me estoy perdiendo algún código que permita que responda?

EDIT

Acabo de darme cuenta de que el estilo se hace con el elemento y no con un id o clase única
Utilicé el siguiente código para darle al elemento un id único
VAR Comps = Editor. DomComponents;

comps.addType('.simple-div', {
    init: function() {
      this.set('attributes', { id: randomID() });
    },
  });

¿Cómo hago para que el estilo no vaya a elemento, sino a la hoja de estilo en línea?