.header-bar[data-v-291cdc90]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:10.66667vw;border-bottom:1px solid #e0e0e0}.header-bar .preview[data-v-291cdc90]{width:8.53333vw;height:8.53333vw;background:#e9e9e9;background-size:contain;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;margin:0 1.06667vw;border:1px solid #4a4a4a}.header-bar .tools[data-v-291cdc90]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-bar .tools .icon[data-v-291cdc90]{width:5.86667vw;height:5.86667vw;color:#d46791}.header-bar .tools .icon.active[data-v-291cdc90]{color:#6793d4}.header-bar .tools .icon.disable[data-v-291cdc90]{color:#9e9e9e;pointer-events:none}.header-bar .tools .icon svg[data-v-291cdc90]{width:100%;height:100%}.grid[data-v-2a75143c]{position:absolute;width:100%;height:100%}.grid-highlight[data-v-740bdbe6]{position:absolute;top:0;left:0;border:.53333vw solid rgba(255,0,0,.5);-webkit-box-sizing:border-box;box-sizing:border-box}.cursor[data-v-15c12438]{position:absolute;font-size:0;top:-4.26667vw;left:-1px;-webkit-transition:-webkit-transform .05s;transition:-webkit-transform .05s;transition:transform .05s;transition:transform .05s,-webkit-transform .05s}.cursor svg[data-v-15c12438]{width:4.26667vw;height:4.26667vw}.touch[data-v-b9d2acba]{position:absolute;width:100%;height:100%}.draw[data-v-1500d041]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:98.13333vw;height:98.13333vw;margin:1.06667vw auto;border:.53333vw solid #4a4a4a}.draw canvas[data-v-1500d041]{width:100%;height:100%}.draw .meta[data-v-1500d041]{position:absolute;color:#4a4a4a;font-size:3.2vw}.brush-list[data-v-fe5750ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:2.66667vw;width:100vw}.brush-list .brush[data-v-fe5750ec]{width:5.33333vw;height:138.66667vw;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.brush-list .brush.active[data-v-fe5750ec]{-webkit-transform:translateY(-2.66667vw);transform:translateY(-2.66667vw)}.brush-list .mask[data-v-fe5750ec]{position:fixed;bottom:0;width:100vw;height:32vw;background:#fff}@media screen and (max-height:520px),screen and (min-width:768px){.brush-list .mask[data-v-fe5750ec]{height:66px}}.push[data-v-6aedadf0]{position:fixed;bottom:1.06667vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:98.66667vw;height:32vw;background:#4f4759;border:.53333vw solid #000;border-radius:2.13333vw}.push .top[data-v-6aedadf0]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:28vw;background:#fff;border:.53333vw solid #000;border-radius:2.13333vw}.push .top.active[data-v-6aedadf0]{bottom:0}.push .top .push-icon[data-v-6aedadf0]{width:32vw;height:10.66667vw}@media screen and (max-height:520px),screen and (min-width:768px){.push[data-v-6aedadf0]{height:66px}.push .top[data-v-6aedadf0]{height:56px}.push .top .push-icon[data-v-6aedadf0]{width:90px;height:30px}}.sidebar[data-v-e3ee7786]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6)}.sidebar .container[data-v-e3ee7786]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;background:#333;width:54.93333vw;height:100%}.sidebar .container .header[data-v-e3ee7786]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #959595}.sidebar .container .header .thumb[data-v-e3ee7786]{width:20.8vw;height:20.8vw;margin:1.06667vw;background-size:contain;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated}.sidebar .container .header .info[data-v-e3ee7786]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1.6vw 0 0 1.6vw}.sidebar .container .header .info .title[data-v-e3ee7786]{font-size:3.73333vw}.sidebar .container .header .info .date[data-v-e3ee7786],.sidebar .container .header .info .size[data-v-e3ee7786]{font-size:3.2vw;padding:1.06667vw 0}.sidebar .container .menu .item[data-v-e3ee7786]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:4.26667vw;line-height:14.93333vw}.sidebar .container .menu .item .icon[data-v-e3ee7786]{width:7.46667vw;height:7.46667vw;margin:0 4.26667vw}.sidebar-fade-enter-active[data-v-e3ee7786],.sidebar-fade-leave-active[data-v-e3ee7786]{-webkit-transition:all .2s;transition:all .2s}.sidebar-fade-enter-active .container[data-v-e3ee7786],.sidebar-fade-leave-active .container[data-v-e3ee7786]{-webkit-transition:left .2s linear;transition:left .2s linear}.sidebar-fade-enter[data-v-e3ee7786],.sidebar-fade-leave-to[data-v-e3ee7786]{background:transparent}.sidebar-fade-enter .container[data-v-e3ee7786],.sidebar-fade-leave-to .container[data-v-e3ee7786]{left:-54.93333vw;-webkit-transition:left .2s linear;transition:left .2s linear}.sidebar-fade-enter-to[data-v-e3ee7786],.sidebar-fade-leave[data-v-e3ee7786]{background:rgba(0,0,0,.6)}.sidebar-fade-enter-to .container[data-v-e3ee7786],.sidebar-fade-leave .container[data-v-e3ee7786]{left:0}.edit[data-v-7b5001dc]{height:100vh;overflow:hidden}