*{border:0;box-sizing:border-box;color:#bbb;font:13px 'Open Sans',sans-serif;font-weight:400;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;overflow:hidden}#tablet-plugin{position:absolute;top:-1000px}#viewport{position:absolute}#canvas{display:block;height:100%;width:100%}/****** SIDE BAR ******/.gui-sidebar{background:#3c3c3c;border-color:rgba(255,255,255,0.3);border-right:double;border-width:4px;bottom:0;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;position:absolute;top:0;width:310px}.gui-sidebar::-webkit-scrollbar{background:rgba(0,0,0,0.3);width:7px}.gui-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px}.gui-sidebar::-webkit-scrollbar-corner{display:none;height:0}.gui-resize{bottom:0;cursor:ew-resize;left:310px;margin-left:-3px;margin-right:-3px;opacity:0;position:absolute;top:0;width:10px}/****** folder ******/.gui-sidebar>ul>label{background:rgba(0,0,0,0.3);color:#999;cursor:pointer;display:block;font-size:15px;font-weight:600;line-height:30px;margin:5px 0;position:relative;text-align:center;text-transform:uppercase;vertical-align:middle}.gui-sidebar>ul[opened=true]>label:before{content:'▼';float:left;text-indent:1em}.gui-sidebar>ul[opened=false]>label:before{content:'►';float:left;text-indent:1em}.gui-sidebar>ul{display:block;list-style:none;overflow:hidden;-webkit-transition:max-height 0.3s ease;-moz-transition:max-height 0.3s ease;-ms-transition:max-height 0.3s ease;-o-transition:max-height 0.3s ease;transition:max-height 0.3s ease}.gui-sidebar>ul[opened=true]{max-height:700px}.gui-sidebar>ul[opened=false]{height:35px;max-height:35px}.gui-sidebar>ul>li{height:22px;margin:4px 5px}.gui-glowOnHover:hover{background:rgba(0,0,0,0.2)}.gui-pointerOnHover:hover{cursor:pointer}/****** label ******/.gui-label-side{display:inline-block;height:100%;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:36%}/****** checkbox ******/.gui-input-checkbox{display:none}.gui-input-checkbox+label{border:1px solid;border-radius:4px;cursor:pointer;float:right;height:18px;margin-top:2px;position:relative;width:18px}.gui-input-checkbox+label::before{border-bottom:2px solid;border-right:2px solid;height:14px;left:5px;position:absolute;top:-5px;-webkit-transform:rotate(60deg) skew(25deg,0);-ms-transform:rotate(60deg) skew(25deg,0);transform:rotate(60deg) skew(25deg,0);width:6px}.gui-input-checkbox:checked+label::before{content:''}/****** input number ******/.gui-input-number{-moz-appearance:textfield;background:rgba(0,0,0,0.3);border-radius:4px;float:right;font-size:10px;height:100%;margin-left:2%;outline:none;position:relative;text-align:center;width:10%}.gui-widget-color>input::-webkit-inner-spin-button,.gui-widget-color>input::-webkit-outer-spin-button,.gui-input-number::-webkit-inner-spin-button,.gui-input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}/****** input on hover ******/.gui-slider:hover,.gui-input-number:hover{background:rgba(0,0,0,0.4)}/****** slider ******/.gui-slider{-webkit-appearance:none;background:rgba(0,0,0,0.3);border-radius:4px;cursor:ew-resize;float:right;height:100%;overflow:hidden;width:52%}.gui-slider>div{background:#525f63;height:100%}/****** button ******/.gui-button{-webkit-appearance:none;background:#525f63;border-radius:4px;cursor:pointer;display:inline-block;float:right;height:100%;outline:none;position:relative;text-align:center;width:100%}.gui-button::-moz-focus-inner{border:0 none!important;padding:0!important}.gui-button:enabled:hover{color:#fff}.gui-button:active{box-shadow:0 1px 0 hsla(0,0,100%,.1),inset 0 1px 4px hsla(0,0,0,.8)}.gui-button:disabled{background:#444;color:#555}/****** widget color ******/.gui-widget-color{display:block;float:right;height:100%;width:64%}.gui-widget-color>input{-moz-appearance:textfield;background:red;border-radius:4px;display:inline;font-size:13px;height:100%;outline:none;position:relative;text-align:center;width:100%}.gui-widget-color>input+div:hover,.gui-widget-color>input:hover+div{display:block;pointer-events:auto}.gui-widget-color>input+div{background:#111;display:none;height:105px;padding:3px;pointer-events:none;position:absolute;width:125px;z-index:2}.gui-color-saturation{border:1px solid #555;cursor:pointer;display:inline-block;height:100px;margin-right:3px;width:100px}.gui-color-saturation>div{background:none;border:none;height:100%;pointer-events:none;width:100%}.gui-knob-saturation{border:#fff;border:2px solid white;border-radius:10px;height:10px;pointer-events:none;position:absolute;width:10px;z-index:4}.gui-color-hue{border:1px solid #555;cursor:ns-resize;display:inline-block;height:100px;width:15px}.gui-knob-hue{border-right:4px solid #fff;height:2px;pointer-events:none;position:absolute;width:15px}.gui-color-alpha{border:1px solid #555;cursor:ns-resize;display:inline-block;height:100px;margin-left:3px;width:15px}.gui-knob-alpha{border-right:4px solid #fff;height:2px;pointer-events:none;position:absolute;width:15px}/****** select ******/.gui-select{background:#525f63;border-radius:4px;cursor:pointer;display:inline-block;float:right;height:100%;outline:none;padding-left:1%;position:relative;width:64%}.gui-select:hover{color:#fff}/****** TOP BAR ******/.gui-topbar{background:#20211d;float:left;padding-left:10px;padding-right:10px;position:absolute;width:100%;z-index:1}.gui-topbar ul{list-style-type:none;margin:0;padding:0}.gui-topbar ul>li{cursor:pointer;float:left;line-height:40px;padding:0 15px;position:relative}.gui-topbar ul>li .shortcut{float:right;font-style:oblique;margin-right:11px}.gui-topbar ul>li:hover{color:#fff}.gui-topbar ul>li:hover>ul{display:block;opacity:1;pointer-events:auto;top:30px}.gui-topbar ul>li>ul{background:#222;border-radius:0 4px 4px 0;left:10px;opacity:0;padding:8px;pointer-events:none;position:absolute;top:20px;-webkit-transition:0.15s all ease;-ms-transition:0.15s all ease;-moz-transition:0.15s all ease;-o-transition:0.15s all ease;transition:0.15s all ease;width:220px}.gui-topbar ul>li>ul>li{float:none;height:22px;line-height:22px;margin:6px 0;padding-left:5px}.group-title{border-bottom:1px solid #444;color:#999!important;cursor:default!important;font-size:14px;font-weight:600;margin:10px 0;padding-bottom:5px;text-align:center}