@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400);canvas{width:100%;height:100%;z-index:0;margin:0;padding:0}body{background:#fff;font-size:18px;color:rgba(0,0,0,0.6);line-height:1.5;font-family:'Open Sans', sans-serif;padding:0;margin:0}*{box-sizing:border-box}.button em{font-size:9px;color:rgba(0,0,0,0.4);font-family:'Open Sans', sans-serif;position:absolute;left:0;top:0;padding-left:2px}h2{font-size:40.5px;font-style:italic;font-weight:600;color:#fff;margin:12px 0 3px;clear:both}h3{font-size:18px;font-style:italic;font-weight:600;color:#fff;margin:12px 0 3px;clear:both}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.window,.notification{background:rgba(180,180,180,0.85);cursor:default;padding:8px 48px;position:fixed;left:0;top:33px;right:0;margin:0 auto}.info{display:none;width:700px;position:fixed;top:48px;bottom:48px}.window.colorwindow{position:fixed;width:317px;top:33px;left:0;bottom:0;margin:0;padding-top:0;display:none}.window.tilingwindow{background:rgba(180,180,180,0.85);position:fixed;z-index:100;left:0px;top:33px;padding:2px;padding-right:0;padding-bottom:1px;margin:0;width:333px;display:none}.notification{display:none;position:fixed;z-index:100;top:0px;left:0px;right:0px;width:360px;padding:20px 50px;margin:auto}a.textbutton,.textbutton{font-size:18px;color:rgba(0,0,0,0.6);line-height:1.5;color:rgba(0,0,0,0.6);display:inline-block;text-decoration:none;height:32px;min-width:100px;margin:15px 0;padding:2px 0;padding-left:32px;padding-right:32px;float:left;font-style:normal;background-color:rgba(255,255,255,0.3)}a.textbutton:hover,.textbutton:hover{background-color:rgba(255,255,255,0.5) !important;color:rgba(0,0,0,0.6)}.floatright{float:right;clear:right}.loading{margin:auto;position:fixed;top:0;left:0;bottom:0;right:0;width:200px;height:36px}a:not(.textbutton){font-style:italic;text-decoration:none;color:#0fadfe;display:inline-block;cursor:pointer}a:hover:not(.textbutton){color:#ff0}.tilingwindow .selected,.tilingwindow .active{background:#fff;color:#777}.textbutton,.button{cursor:pointer}.button:not(.selected):hover{color:#ff0}.textbutton.closewindow{position:absolute;right:6px;bottom:6px;margin-bottom:0}.window.colorpicker{position:fixed;left:316px;top:71px;margin:0px;padding:6px 6px 44px;width:390px;background-color:rgba(180,180,180,0.85);display:none}.settingsgroup.roundborder{padding:4px 0 0 32px;margin:0 -34px 2px -32px;display:block;width:282px;border:2px solid rgba(0,0,0,0.17);border-radius:8px}.settingsruler{border-top:2px solid rgba(0,0,0,0.17);width:100%;clear:both;margin:0 -34px}.clearfix,.settingsgroup:after,.tabs:after{visibility:hidden;display:block;content:"";clear:both;height:0}.previouscolor,.currentcolor{display:inline-block;height:36px;width:50%}a.button,span.button{background:rgba(255,255,255,0.3);color:rgba(0,0,0,0.6)}a.button:not(.selected):hover,span.button:not(.selected):hover,.tabs>*:not(.selected):hover{background-color:rgba(255,255,255,0.5);color:rgba(0,0,0,0.6)}.colorwindow label{position:relative;font-size:16px}.colorwindow .settingslabel{font-size:16px;color:#fff}.colorwindow label input{position:absolute;top:1px;left:-24px;height:16px;width:16px}.settingssubgroup{margin-left:24px;margin-bottom:12px}.colorwindow .settingssubgroup>label.row{position:relative;display:inline-block;top:-20px}.colorwindow .settingssubgroup>label>input[type="number"]{display:block;position:relative;left:0;width:60px;height:28px}.button.style{background:none;color:#fff;display:block;margin:6px 0 4px}.hex{font-size:18px;line-height:1.5;font-family:Courier,Monaco,monospace;float:right;vertical-align:top;font-size:16px;color:#fff}.colors{display:block}.colors.mt{margin-top:6px}h3,label{clear:both}.button.color{float:left;display:inline-block;margin:2px 0 6px;background:url("images/trans.png") repeat}.color .preview{display:block;height:28px;width:42px}.button.color.selected{border:2px solid white}.button.color.selected .preview{border:2px solid #888;height:24px;width:38px}.button.color:not(.selected):hover{border:2px solid white}.button.color:not(.selected):hover .preview{border:2px solid #888;height:24px;width:38px}.colors span{display:inline-block;height:14px;width:14px;overflow:hidden}.colors *,.previouscolor{cursor:pointer}strong+br+.style.button{margin-top:0px}.tilingwindow .button{font-size:12px;padding:0;display:inline-block;position:relative;vertical-align:top;float:left;margin-right:1px;overflow:hidden;height:32px;width:32px;background-color:rgba(255,255,255,0.3);margin-bottom:1px}.tilingicon:before,.styleicon:before,.svgicon:before,.fileicon:before{display:inline-block;position:relative;content:' ';width:32px;height:32px;top:8px;left:-8px;background-color:red}.fileicon:before{background:url("images/folder.svg") center center no-repeat;background-size:100% 100%}.svgicon:before{background:url("images/file_svg.svg") center center no-repeat;background-size:100% 100%}.tilingicon:before{background:url("images/tiling.svg") center center no-repeat;background-size:100% 100%}.styleicon:before{background:url("images/style.svg") center center no-repeat;background-size:100% 100%}.tilingwindow .button.shape1,.tilingwindow .button.shape2,.tilingwindow .button.shape3,.tilingwindow .button.shape4,.tilingwindow .button.shape5{width:65px;height:65px}.tilingwindow .button img,.tilingwindow .button svg{width:100%;height:100%;pointer-events:none}.tilingwindow .button:nth-child(6){clear:left}.tilingwindow .button.selected{background-color:#fff}.tilingwindow .button.active{background-color:#fff}.tilingwindow .button:hover:active{background-color:#fff}.button.rotateleft{background:url("images/arrow_left_border.svg") center 7px no-repeat;background-size:80% 80%;background-color:rgba(255,255,255,0.3)}.button.rotateright{background:url("images/arrow_right_border.svg") center 7px no-repeat;background-size:80% 80%;background-color:rgba(255,255,255,0.3)}.button.erase{background:url("images/eraser.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.hand{background:url("images/hand.svg") center center no-repeat;background-size:80% 80%;background-color:rgba(255,255,255,0.3)}.button.files{background:url("images/folder.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.zoomin{background:url("images/glass_in.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.zoomout{background:url("images/glass_out.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.showsvg{background:url("images/file_svg.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.toggleinfo{background:url("images/info.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.fullscreen{background:url("images/fullscreen.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.infullscreen{background:url("images/fullscreen_out.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.clearcanvas{background:url("images/trash.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.window.files .item .delete{background:url("images/trash_small.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.button.save:before{display:inline-block;content:" ";height:30px;width:30x;background:url("images/disk.svg") center center no-repeat;background-size:80% 80%}.cursor{position:fixed;width:60px;height:60px;z-index:1000;display:none}.cursor.eraseicon{background:url("images/eraser.svg") center center no-repeat;background-size:60% 60%;cursor:none;pointer-events:none}.cursor.handicon{background:url("images/hand.svg") center center no-repeat;background:red;background-size:60% 60%;cursor:none;pointer-events:none}.svg{background:#b4b4b4;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;text-align:center;margin:0;padding:0;padding-top:8px;display:none}.svg .img{position:fixed;top:48px;left:48px;right:48px;bottom:64px}.svg .img svg{width:auto;height:100%;max-height:100%;max-width:100%;margin:0 auto}.window.files{position:fixed;left:0;top:33px;bottom:0;width:360px;padding-top:0;margin:0;display:none}.window.files .items{position:absolute;left:10px;top:64px;right:10px;bottom:10px;margin-top:-4px;margin-bottom:-4px;overflow:auto}.window.files .options{height:64px;top:0px;left:14px;right:14px;position:absolute;display:block}.window.files .item{position:relative;display:inline-block;width:150px;height:150px;margin:4px;cursor:pointer}.window.files .item img{width:100%;height:100%}.window.files .item .delete{position:absolute;right:0;top:0;width:24px;height:24px;background-color:#aaa;display:none}.window.files .item .delete:hover{background-color:#ccc}.window.files .item:hover .delete{display:block}.mode{position:fixed;display:none;left:0;top:0;background:rgba(180,180,180,0.85);z-index:2000;padding:0 0 0 2px}.mode .button{float:left;width:32px;height:32px;margin-right:1px;margin-bottom:1px}.svg a.textbutton{position:fixed;bottom:0px;left:50%;margin-left:-100px;width:200px;text-align:left;padding-left:32px;padding-right:6px;height:32px;padding-top:3px;text-decoration:none}.mode .button.tilingmode{background:url("images/tiling.svg") 0 0 no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.mode .button.stylemode{background:url("images/style.svg") 0 0 no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.mode .button.files{background:url("images/folder.svg") 0 0 no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3);padding:0}.mode .button.showsvg{background:url("images/file_svg.svg") 0 0 no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3)}.svg .textbutton.download{background:url("images/file_download.svg") 0 0 no-repeat;background-size:32px 32px;background-color:rgba(255,255,255,0.3)}.mode .button.toggleinfo{background:url("images/info.svg") 0 0 no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3);padding:0}.tabs .usertab{background:url("images/file.svg") 0 0 no-repeat;background-size:32px 32px;background-color:rgba(255,255,255,0.3)}.textbutton.save,.textbutton.savepreset{background:url("images/disk.svg") 0 0 no-repeat;background-size:32px 32px;background-color:rgba(255,255,255,0.3)}.mode .button.active,.mode .button.selected{background-color:transparent}.tabgroup{top:6px;bottom:2px;left:0px;right:0px;position:absolute}.tabs{display:block;margin-left:8px}.tabframes>*{position:absolute;left:0;right:6px;bottom:0;top:32px;padding:0 40px;overflow:auto}.tabframes.bottommargin>*{bottom:44px}.tabs>*{display:inline-block;float:left;padding:2px 32px 0;margin-right:2px;background-color:rgba(255,255,255,0.3);color:rgba(0,0,0,0.6);cursor:pointer;height:32px;border:2px solid transparent;border-bottom:none;border-radius:8px 8px 0 0}.tabs>*.selected{background-color:transparent;border:2px solid rgba(255,255,255,0.3);border-bottom:none;color:#fff}.presets{margin:16px -32px}.presets>.preset{background-color:rgba(255,255,255,0.3);cursor:pointer;margin:2px 0;padding:0 28px 0 12px;color:rgba(0,0,0,0.6);display:block;position:relative;clear:both;height:28px}.preset[key='Custom']{margin-top:24px}.presets>.preset:hover{background-color:rgba(255,255,255,0.5)}.presets .preset.selected{background:rgba(255,255,255,0.5)}.presets .preset .name{overflow:hidden;height:28px}.presets .preset .preview{display:inline-block;float:right}.presets .preset .preview .colorpreview{display:inline-block;width:6px;height:24px;margin-top:2px}.presets .preset .delete{background:url("images/trash_small.svg") center center no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0.3);position:absolute;right:0;top:0;width:24px;height:24px;background-color:#aaa;display:none}.presets .preset .delete:hover{background-color:#fff}.presets .preset:hover .delete{display:block}.centerimage{display:block;margin:0 auto}
/*# sourceMappingURL=style.css.map */