@import url(https://fonts.googleapis.com/css?family=Roboto|Raleway:900);@import url(https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.1.2/css/material-design-iconic-font.min.css);*,body{-webkit-font-smoothing:antialiased}a,a:focus,a:hover{text-decoration:none}#overlay,.container,body,html{height:100%;width:100%}#overlay,*,.container,body,html{width:100%}#overlay,#primary{position:fixed;top:0;left:0}#areas,#canvas,#dropdown,#labels,#logo-holder,.horz{overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;border:none}body{font-family:Roboto,Helvetica,sans-serif;font-size:13px;line-height:1.42857143;color:#5e5e5e;background-color:#abb;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:active,:focus,:hover{outline:0!important;-webkit-tap-highlight-color:transparent!important}a{color:#2196f3}a:focus,a:hover{color:#0a6ebd}a:focus{outline-offset:-2px;outline:0!important}button{background:0 0}.left{float:left}.right{float:right}.horz .c,.horz .e,.horz .h,.horz .q,.vert{float:left}.rounded{border-bottom-left-radius:5px;border-bottom-right-radius:5px}#overlay{z-index:500;background-color:#555;opacity:.85;visibility:hidden}#primary{z-index:400;height:60px;background-color:#fff}#primary .container{position:relative;padding:12px 5px 0;z-index:399;box-shadow:1px 1px 2px #aaa}#logo-holder{width:80px;height:31px;padding-top:2px;margin-left:5px;clear:both;border-bottom:solid 1px #efefef}#logo{font-family:Raleway,sans-serif;font-size:20px;line-height:10px}.buttons{width:auto;list-style:none}.buttons>li{display:inline;vertical-align:baseline}.buttons>a,.buttons>li>a{width:30px;height:30px;line-height:35px;display:inline-block;text-align:center;position:relative}.buttons>a>i,.buttons>li>a>i{-webkit-transition:color;-o-transition:color;transition:color;-webkit-transition-duration:1.3s;transition-duration:1.3s;color:#adadad;font-size:30px}.buttons.open>a>i,.buttons>a:hover>i,.buttons>li.open>a>i,.buttons>li>a:hover>i{color:#000}.buttons>a:before,.buttons>li>a:before{left:-2px;top:-2px;content:"";position:absolute;width:115%;height:115%;-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);-ms-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transition:all;-o-transition:all;transition:all;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);z-index:0;border-radius:50%;opacity:0;filter:alpha(opacity=0)}.buttons>a:hover:before,.buttons>li>a:hover:before{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;filter:alpha(opacity=100)}#urlbox .go,#urlbox .go button{color:#adadad}.buttons.open>a:before,.buttons>li.open>a:before{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100)}#urlbox{z-index:600;position:fixed;top:0;left:0;background-color:#fff;height:70px;width:100%;margin-top:-70px;font-size:25px}#urlbox #edit{padding:12px 15px 0;display:flex;min-width:150px}/*! - - icon - - */#urlbox .go{position:relative;display:inline-block;width:25px;font-size:1.25em;margin-top:0}#urlbox input{padding:2px 5px;border:none;font-size:.85em;background:0 0}#urlbox .close{width:20px}#dropdown{z-index:450;position:fixed;top:60px;right:10px;width:190px;height:160px;background-color:#efefef;border-top:solid 2px rgba(204,204,204,.9);box-shadow:1px 1px 1px #aaa;visibility:hidden;padding:10px 5px;opacity:.95}#dropdown h4{margin-left:5px;text-transform:uppercase}#d-alignment{list-style:none;width:auto;margin:5px 10px}#d-alignment li{margin-right:10px}#d-opacity{position:relative;left:15px;top:10px;width:150px;height:20px}.range-slider:before,.slider:before{content:"";top:9px;display:block}.slider:before{position:absolute;left:0;width:100%;height:2px;background-color:#000}.slider span{position:absolute;width:20px;height:20px;left:110px;margin-left:-10px;background-color:#aaa;border-radius:4px;box-shadow:0 1px 1px #888;cursor:ew-resize}.range-slider{width:200px;height:20px;margin:0 auto 1em;position:relative;cursor:e-resize;z-index:20000}.range-slider:before{position:absolute;left:0;width:100%;height:2px;background-color:#000}.range-slider span{display:block;height:inherit;position:relative;z-index:20000;background-color:red;cursor:inherit}.test-result{position:absolute;top:10px;right:10px;line-height:1}.ruler{position:relative;background-color:#efefef;font-size:8px;color:#222;z-index:150}#canvas,#frame-holder,#labels .label,#underlays,.area{position:absolute}.horz{padding-left:20px;height:20px;border-bottom:solid 1px #888}.horz .e,.horz .h,.horz .q{width:0;border-left:1px solid #888;padding-left:2px}.horz .c{width:10px;height:20px;vertical-align:top}.horz .h{height:15px;margin-top:5px}.horz .q{height:7px;margin-top:13px}.horz .e{height:5px;margin-top:15px}.vert{width:21px;border-right:solid 1px #888}.vert .e,.vert .h,.vert .q{border-top:1px solid #888}.vert .first{border-color:#efefef;padding:2px 0 0 6px}.vert .c{height:10px;width:20px}.vert .h{width:15px;margin-left:5px}.vert .q{width:7px;margin-left:13px}.vert .e{width:5px;margin-left:15px}#canvas{top:78px;left:0;height:1500px}#underlays{z-index:100;left:21px;background-color:#ff9d40}#areas{z-index:101}.area{top:0}#labels{z-index:102}#labels .label{bottom:4px;left:10px;font-weight:900}.size-01{width:600px;height:342px;z-index:126}.size-02{width:750px;height:365px;z-index:125}.size-03{width:820px;height:440px;z-index:124}.size-04{width:970px;height:510px;z-index:124}.size-05{width:1002px;height:551px;z-index:123}.size-06{width:1020px;height:572px;z-index:122}.size-07{width:1048px;height:599px;z-index:121}.size-08{width:1238px;height:623px;z-index:120}.size-09{width:1251px;height:651px;z-index:119}.size-10{width:1260px;height:710px;z-index:118}.size-11{width:1270px;height:792px;z-index:117}.size-12{width:1413px;height:851px;z-index:116}.size-13{width:1520px;height:952px;z-index:115}.color-01{background-color:#ff7c00;z-index:125}.color-02{background-color:#ff9e00;z-index:124}.color-03{background-color:#ff4c00;z-index:123}.color-04{background-color:#04859d;z-index:122}.color-05{background-color:#bf7630;z-index:121}.color-06{background-color:#bf8830;z-index:120}.color-07{background-color:#bf5b30;z-index:119}.color-08{background-color:#206876;z-index:118}.color-09{background-color:#a65100;z-index:117}.color-10{background-color:#a66600;z-index:116}.color-11{background-color:#a63100;z-index:115}.color-12{background-color:#015666;z-index:114}.color-13{background-color:#ff9d40;z-index:113}#frame-holder{/*! #frame-holder Z: 200 */z-index:200;min-height:auto;opacity:.5;padding-left:20px}#frame-holder iframe{min-height:1500px;background-color:#fff}footer{position:fixed;bottom:0;height:30px;text-align:center;color:#555;z-index:400}footer span{background-color:#efefef;opacity:.9;padding:5px 10px}