body{overflow:hidden;margin:0}#tablet-plugin{top:-62.5rem}#tablet-plugin,#viewport{position:absolute}#canvas{width:100%;height:100%;display:block}.gui-sidebar{position:absolute;bottom:0;top:0;padding-bottom:1.25rem;width:19.375rem;background:#3c3c3c;overflow-x:hidden;overflow-y:auto;border-right:double;border-width:.25rem;border-color:rgba(255,255,255,.3);display:none}.gui-sidebar::-webkit-scrollbar{width:.4375rem;background:rgba(0,0,0,.3)}.gui-sidebar::-webkit-scrollbar-thumb{border-radius:.125rem;background:rgba(255,255,255,.2)}.gui-sidebar::-webkit-scrollbar-corner{height:0;display:none}.gui-resize{cursor:ew-resize;position:absolute;left:19.375rem;top:0;bottom:0;width:.625rem;margin-left:-.1875rem;margin-right:-.1875rem;opacity:0}.gui-sidebar>ul>label{font-size:.9375rem;font-weight:600;color:#999;position:relative;display:block;line-height:1.875rem;margin:.3125rem 0;text-transform:uppercase;cursor:pointer;vertical-align:middle;text-align:center;background:rgba(0,0,0,.3)}.gui-sidebar>ul[opened=true]>label:before{content:"▼";text-indent:1em;float:left}.gui-sidebar>ul[opened=false]>label:before{content:"►";text-indent:1em;float:left}.gui-sidebar>ul{display:block;list-style:none;overflow:hidden;transition:max-height .3s ease}.gui-sidebar>ul[opened=true]{max-height:43.75rem}.gui-sidebar>ul[opened=false]{height:2.1875rem;max-height:2.1875rem}.gui-sidebar>ul>li{height:1.375rem;margin:.25rem .3125rem}.gui-glowOnHover:hover{background:rgba(0,0,0,.2)}.gui-pointerOnHover:hover{cursor:pointer}.gui-label-side{position:relative;display:inline-block;height:100%;width:36%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gui-input-checkbox{display:none}.gui-input-checkbox+label{float:right;cursor:pointer;position:relative;border:.0625rem solid;border-radius:.25rem;margin-top:.125rem;width:1.125rem;height:1.125rem}.gui-input-checkbox+label:before{position:absolute;top:-.3125rem;left:.3125rem;height:.875rem;width:.375rem;border-right:.125rem solid;border-bottom:.125rem solid;transform:rotate(60deg) skew(25deg,0)}.gui-input-checkbox:checked+label:before{content:""}.gui-input-number{-moz-appearance:textfield;float:right;position:relative;width:10%;height:100%;margin-left:2%;text-align:center;outline:none;font-size:.625rem;border-radius:.25rem;background:rgba(0,0,0,.3)}.gui-input-number::-webkit-inner-spin-button,.gui-input-number::-webkit-outer-spin-button,.gui-widget-color>input::-webkit-inner-spin-button,.gui-widget-color>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gui-input-number:hover,.gui-slider:hover{background:rgba(0,0,0,.4)}.gui-slider{-webkit-appearance:none;cursor:ew-resize;float:right;width:52%;height:100%;overflow:hidden;border-radius:.25rem;background:rgba(0,0,0,.3)}.gui-button,.gui-slider>div{height:100%;background:#525f63}.gui-button{-webkit-appearance:none;float:right;cursor:pointer;position:relative;display:inline-block;text-align:center;width:100%;outline:none;border-radius:.25rem}.gui-button::-moz-focus-inner{padding:0!important;border:0!important}.gui-button:enabled:hover{color:#fff}.gui-button:active{box-shadow:0 .0625rem 0 hsla(0,0%,100%,.1),inset 0 .0625rem .25rem hsla(0,0%,0%,.8)}.gui-button:disabled{background:#444;color:#555}.gui-widget-color{float:right;display:block;width:64%;height:100%}.gui-widget-color>input{-moz-appearance:textfield;position:relative;display:inline;width:100%;height:100%;text-align:center;outline:none;border-radius:.25rem;font-size:.8125rem;background:#f00}.gui-widget-color>input+div:hover,.gui-widget-color>input:hover+div{display:block;pointer-events:auto}.gui-widget-color>input+div{display:none;position:absolute;pointer-events:none;padding:.1875rem;width:7.8125rem;height:6.5625rem;z-index:2;background:#111}.gui-color-saturation{display:inline-block;width:6.25rem;height:6.25rem;margin-right:.1875rem;border:.0625rem solid #555;cursor:pointer}.gui-color-saturation>div{width:100%;height:100%;pointer-events:none;border:none;background:none}.gui-knob-saturation{position:absolute;pointer-events:none;width:.625rem;height:.625rem;z-index:4;border-radius:.625rem;border:.125rem solid white}.gui-color-hue{display:inline-block;width:.9375rem;height:6.25rem;border:.0625rem solid #555;cursor:ns-resize}.gui-knob-hue{pointer-events:none;position:absolute;width:.9375rem;height:.125rem;border-right:.25rem solid #fff}.gui-color-alpha{display:inline-block;margin-left:.1875rem;height:6.25rem;width:.9375rem;border:.0625rem solid #555;cursor:ns-resize}.gui-knob-alpha{pointer-events:none;position:absolute;width:.9375rem;height:.125rem;border-right:.25rem solid #fff}.gui-select{float:right;cursor:pointer;position:relative;display:inline-block;width:64%;height:100%;padding-left:1%;outline:none;background:#525f63;border-radius:.25rem}.gui-select:hover{color:#fff}.gui-topbar{position:absolute;background:#20211d;width:100%;padding-right:.625rem;padding-left:.625rem;z-index:1;float:left;display:none}.gui-topbar ul{list-style-type:none;padding:0;margin:0}.gui-topbar ul>li{float:left;line-height:2.5rem;padding:0 .9375rem;position:relative;cursor:pointer}.gui-topbar ul>li .shortcut{float:right;font-style:oblique;margin-right:.6875rem}.gui-topbar ul>li:hover{color:#fff}.gui-topbar ul>li:hover>ul{display:block;opacity:1;pointer-events:auto;top:1.875rem}.gui-topbar ul>li>ul{position:absolute;top:1.25rem;left:.625rem;background:#222;width:13.75rem;padding:.5rem;border-radius:0 .25rem .25rem 0;pointer-events:none;opacity:0;transition:all .15s ease}.gui-topbar ul>li>ul>li{float:none;height:1.375rem;line-height:1.375rem;margin:.375rem 0;padding-left:.3125rem}.group-title{font-size:.875rem;font-weight:600;color:#999!important;cursor:default!important;text-align:center;border-bottom:.0625rem solid #444444;padding-bottom:.3125rem;margin:.625rem 0}