Move protectedCss before other styles

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Free and Open Source Web Builder Framework",
-  "version": "0.8.4",
+  "version": "0.8.5",
   "author": "Artur Arseniev",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/canvas/view/CanvasView.js

@@ -67,7 +67,6 @@ module.exports = Backbone.View.extend({
       var body = this.frame.$el.contents().find('body');
       var cssc = em.get('CssComposer');
       var conf = em.get('Config');
-      body.append(wrap.render()).append(cssc.render());
       var protCss = conf.protectedCss;
 
       // I need all this styles to make the editor work properly
@@ -85,6 +84,7 @@ module.exports = Backbone.View.extend({
         (conf.canvasCss || '');
       frameCss += protCss || '';
       body.append('<style>' + frameCss + '</style>');
+      body.append(wrap.render()).append(cssc.render());
       body.append(this.getJsContainer());
       em.trigger('loaded');
       this.frame.el.contentWindow.onscroll = this.onFrameScroll;