body{background-color:#f5f7f9}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.ll-wrap{height:100%;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left}.ll-status,.ll-wrap{position:absolute;left:0;top:0}.ll-status{background:#313343;height:32px;right:0;box-sizing:border-box;border-bottom:1px solid #252525}.ll-status>button{text-align:center;white-space:nowrap;background-color:transparent;position:relative;border-radius:3px;margin:2px 3px 1px 3px;padding:4px 4px;border:0;outline:0;vertical-align:middle}.ll-status>button:hover{background:#000}.ll-status>button:disabled{background:rgba(0,0,0,.2)}.ll-status>button:disabled img{opacity:.75}.ll-status>button img{width:20px;height:20px;vertical-align:middle;opacity:.75;-webkit-filter:drop-shadow(0 -1px 0 rgba(0,0,0,.45));filter:drop-shadow(0 -1px 0 rgba(0,0,0,.45))}.ll-status>button.selected{background:#000}.ll-status>button.disabled{background-color:transparent;margin-left:5px}.ll-status>button>span{position:relative;display:inline-block;width:20px;height:20px;vertical-align:middle}.ll-status>span{border-left:1px solid #252525}.ll-status>em,.ll-status>span{line-height:2;font-size:14px;vertical-align:middle;color:hsla(0,0%,100%,.6);padding-left:1em}.ll-tools{position:absolute;background:#313343;width:34px;text-align:center;left:0;top:32px;padding:2px;bottom:0}.ll-tools>hr{border:0;height:1px;background:#252525;margin:2px 0}.ll-tools>button{text-align:center;white-space:nowrap;background-color:transparent;position:relative;border-radius:3px;margin:2px 3px 1px 3px;padding:4px 4px;border:0;outline:0}.ll-tools>button:hover{background:#000}.ll-tools>button:disabled{background:rgba(0,0,0,.2)}.ll-tools>button:disabled img{opacity:.75}.ll-tools>button img{width:20px;height:20px;vertical-align:middle;opacity:.75;-webkit-filter:drop-shadow(0 -1px 0 rgba(0,0,0,.45));filter:drop-shadow(0 -1px 0 rgba(0,0,0,.45))}.ll-tools>button.selected{background:#000}.ll-tools>button span{position:relative;display:inline-block;width:20px;height:20px;vertical-align:middle}.ll-canvas{position:absolute;left:38px;top:30px;bottom:0;right:0;overflow:hidden}.ll-canvas canvas{position:absolute;left:0;top:0}.ll-canvas canvas:first-child{box-shadow:0 0 3px rgba(0,0,0,.3)}.ll-color-picker{position:absolute;width:490px;top:40px;left:48px;padding:6px;background-color:#313343}.ll-color-picker-bg{position:absolute;top:0;bottom:0;right:0;left:0;background-color:transparent}.ll-color-picker__input{position:absolute;width:200px;right:6px;top:6px;font-size:12px;overflow:hidden}.ll-color-picker__input-view{height:30px}.ll-color-picker__input-rgb{padding-top:10px;font-size:12px}.ll-color-picker__input-rgb label{color:#fff;padding:5px}.ll-color-picker__input-rgb input{background-color:#000;color:#fff;border-radius:3px;border:0;padding:5px;width:30px}.ll-color-picker__input-hex{padding-top:10px;font-size:12px}.ll-color-picker__input-hex label{color:#fff;padding:5px}.ll-color-picker__input-hex input{background-color:#000;color:#fff;border-radius:3px;border:0;padding:5px;width:78px;text-transform:Uppercase}.ll-color-picker__input-com{padding:10px 5px 5px}.ll-color-picker__input-com span{display:inline-block;height:18px;width:18px;margin-right:1px;border:1px solid #000}.ll-color-picker__input-btn{padding:10px 5px 5px}.ll-color-picker__input-btn button{font-size:14px;width:100%;border-style:solid;border-width:0;background-color:#606060;border-top-width:1px;border-top-color:hsla(0,0%,100%,.25);border-bottom-width:1px;border-bottom-color:rgba(0,0,0,.6);overflow:hidden;padding:2px 5px 3px 5px;border-radius:3px;color:#d5d5d5;-webkit-appearance:none;text-shadow:0 -1px 0 rgba(0,0,0,.45);outline:0}.ll-color-picker__input-btn button:hover{background-color:#6a6a6a}.ll-color-picker__input-btn button:active{background-color:#505050;border-top-color:rgba(0,0,0,.6);border-bottom-width:1px;border-bottom-color:hsla(0,0%,100%,.25)}.ll-color-picker__input-btn button:first-child{margin-bottom:5px}.ll-menu{position:absolute;background-color:#fff;min-width:10em;box-shadow:0 0 20px rgba(0,0,0,.2);color:#000;cursor:pointer}.ll-menu-bg{position:absolute;top:0;bottom:0;right:0;left:0;background-color:transparent}.ll-menu>div{padding:.5em 1em .5em .7em}.ll-menu>div:hover{background-color:#bee6ff}.ll-info{width:261px;top:40px;left:48px;padding:6px}.ll-info,.ll-info-arrow{position:absolute;background-color:#313343}.ll-info-arrow{height:10px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:-5px;left:5px}.ll-info-bg{position:absolute;top:0;bottom:0;right:0;left:0;background-color:transparent}.ll-info-item{padding-top:10px;font-size:12px}.ll-info-item label{color:#fff;padding:5px;vertical-align:top}.ll-info-item input,.ll-info-item textarea{background-color:#000;color:#fff;border-radius:3px;border:0;padding:5px;width:200px}.ll-info-item textarea{height:60px}.ll-info-item button{margin-left:5px;font-size:14px;width:80px;border-width:0;background-color:#606060;overflow:hidden;padding:2px 5px 4px 5px;border-radius:3px;color:#d5d5d5;-webkit-appearance:none;text-shadow:0 -1px 0 rgba(0,0,0,.45);outline:0}.ll-info-item button:hover{background-color:#6a6a6a}.ll-info-item button:active{background-color:#505050}.ll-info-list{position:absolute;list-style:none;margin:0;padding:0;background:#1b1c25;max-height:124px;padding-bottom:1px}.ll-info-list>li{font-size:14px;line-height:2.14285714;padding:0 10px;margin:1px 1px 0 1px;cursor:pointer;color:hsla(0,0%,100%,.6)}.ll-info-list>li>i{color:hsla(0,0%,100%,.3)}.ll-info-list>li:hover{background-color:#313343;color:hsla(0,0%,100%,.8)}.ll-info-btn{padding:10px 5px 5px;text-align:right}.ll-info-btn button{font-size:14px;width:80px;border-style:solid;border-width:0;background-color:#606060;border-top-width:1px;border-top-color:hsla(0,0%,100%,.25);border-bottom-width:1px;border-bottom-color:rgba(0,0,0,.6);overflow:hidden;padding:2px 5px 3px 5px;border-radius:3px;color:#d5d5d5;-webkit-appearance:none;text-shadow:0 -1px 0 rgba(0,0,0,.45);outline:0}.ll-info-btn button:hover{background-color:#6a6a6a}.ll-info-btn button:active{background-color:#505050;border-top-color:rgba(0,0,0,.6);border-bottom-width:1px;border-bottom-color:hsla(0,0%,100%,.25)}.ll-info-btn button:first-child{margin-right:5px}.loading[data-v-0f89b1d5]{width:150px;height:4px;border-radius:2px;margin:0 auto;margin-top:100px;position:relative}.loading>em[data-v-0f89b1d5]{margin-top:20px;display:inline-block}.loading span[data-v-0f89b1d5]{display:inline-block;width:16px;height:16px;border-radius:50%;background:#313343;position:absolute;margin-top:-7px;margin-left:-8px;-webkit-animation:changePosition-data-v-0f89b1d5 1s ease-in infinite alternate;animation:changePosition-data-v-0f89b1d5 1s ease-in infinite alternate}@-webkit-keyframes changeBgColor-data-v-0f89b1d5{0%{background:#313343}to{background:#add8e6}}@keyframes changeBgColor-data-v-0f89b1d5{0%{background:#313343}to{background:#add8e6}}@-webkit-keyframes changePosition-data-v-0f89b1d5{0%{background:#313343}to{margin-left:150px;background:#add8e6}}@keyframes changePosition-data-v-0f89b1d5{0%{background:#313343}to{margin-left:150px;background:#add8e6}}.tool-wrap[data-v-67b3f144]{width:100%;position:relative;background:#fff}.tool-canvas[data-v-67b3f144]{position:relative}.tool-info[data-v-67b3f144]{position:relative;float:right;background-color:#313343;color:hsla(0,0%,100%,.6)}.tool-tab-title[data-v-67b3f144]{position:relative;background-color:#000;font-size:14px;cursor:pointer;text-align:center}.tool-tab-title>span[data-v-67b3f144]{display:inline-block;height:32px;line-height:32px;background-color:#000;width:50%}.tool-tab-title>span[data-v-67b3f144]:hover{opacity:.8}.tool-tab-title>span.selected[data-v-67b3f144]{background-color:#313343}.tool-tab-title>span.selected[data-v-67b3f144]:hover{opacity:1}.tool-tab-item[data-v-67b3f144]{position:absolute;list-style:none;text-align:left;margin:0;padding:0;overflow-y:auto;top:42px;width:100%;bottom:0}.tool-tab-item>li[data-v-67b3f144]{font-size:14px;line-height:2.85714286;padding:0 10px;border-bottom:1px solid #000;cursor:pointer}.tool-tab-item>li>i[data-v-67b3f144]{color:hsla(0,0%,100%,.3)}.tool-tab-item>li[data-v-67b3f144]:hover{background-color:rgba(0,0,0,.45);color:hsla(0,0%,100%,.6)}.tool-tab-item>li.selected[data-v-67b3f144]{background-color:#000;color:hsla(0,0%,100%,.9)}.tool-tab-item>li.selected>b[data-v-67b3f144]{display:inline-block;height:10px;width:4px;border-bottom:2px solid green;border-right:2px solid green;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:5px}.tool-tab-item>li.selected button[data-v-67b3f144]{float:right;font-size:14px;width:50px;border-style:solid;border-width:0;background-color:#606060;border-top-width:1px;border-top-color:hsla(0,0%,100%,.25);border-bottom-width:1px;border-bottom-color:rgba(0,0,0,.6);overflow:hidden;padding:2px 5px 3px 5px;margin-top:8px;border-radius:3px;color:#d5d5d5;-webkit-appearance:none;text-shadow:0 -1px 0 rgba(0,0,0,.45);-webkit-transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;outline:0;line-height:1.5}.tool-tab-item>li.selected button+button[data-v-67b3f144]{margin-right:.5em}.tool-tab-item>li.selected button[data-v-67b3f144]:hover{background-color:#6a6a6a}.tool-tab-item>li.selected button[data-v-67b3f144]:active{background-color:#505050;border-top-color:rgba(0,0,0,.6);border-bottom-width:1px;border-bottom-color:hsla(0,0%,100%,.25)}.tool-tab-item>li.detail[data-v-67b3f144]{line-height:1.5;color:#0dbc79}.tool-tab-item>li.detail[data-v-67b3f144]:hover{background-color:transparent}.tool-tab-item>li.detail p[data-v-67b3f144]{color:#0dbc79}.tool-tab-item>li p[data-v-67b3f144]{line-height:1;font-size:12px;margin:0;padding-left:15px;color:hsla(0,0%,100%,.5);margin-bottom:6px}.tool-mask[data-v-67b3f144]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8)}.tool-more[data-v-67b3f144]{width:400px;height:175px;position:absolute;left:320px;top:40px;background-color:#313343;overflow-y:auto}.tool-more-item[data-v-67b3f144]{list-style:none;text-align:left;margin:0;padding:0;overflow-y:auto;width:100%;bottom:0}.tool-more-item>li[data-v-67b3f144]{font-size:12px;line-height:1.66666667;padding:0 5px;display:inline-block;border-style:solid;border-width:0;background-color:#606060;border-radius:3px;cursor:pointer;margin:5px}.tool-more-item>li>span[data-v-67b3f144]{color:hsla(0,0%,100%,.8)}.tool-more-item>li[data-v-67b3f144]:hover{background-color:rgba(0,0,0,.45);color:hsla(0,0%,100%,.6)}.btn-group{text-align:left;padding-bottom:.5em}.btn-group button{font-weight:400;text-align:center;vertical-align:middle;line-height:1.5;outline:0;touch-action:manipulation;cursor:pointer;background-color:#313343;color:hsla(0,0%,100%,.8);border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:32px;padding:0 15px;font-size:14px;border-radius:3px;-webkit-transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;transition:color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear}.btn-group button+button{margin-left:.5em}.btn-group button:hover{background-color:#000}