QUESTION: Position of selector manager.

As you can see from the example

selectorManager: {
    appendTo: '.styles-container'
  },
 styleManager: {
    appendTo: '.styles-container',

Both of them append the element inside the same container. You can simply create different containers

<div class="styles-container">
  <div class="styles-container-t"></div>
  <div class="styles-container-b"></div>
</div>

selectorManager: {
    appendTo: '.styles-container-t'
  },
 styleManager: {
    appendTo: '.styles-container-b',