.artboard-panel[data-v-5d2ddbc9]{flex:1 0;position:relative;height:100%;display:flex;flex-direction:row;background-color:#000}.canvas[data-v-5d2ddbc9]{position:absolute;width:100%;height:100%}.artboard-wrap[data-v-5d2ddbc9]{position:absolute;top:0;bottom:0;left:0;right:0}.artboard[data-v-5d2ddbc9]{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;aspect-ratio:1024 / 1024;background-color:#f7f7f7;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(135deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(135deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,10px 0,10px -10px,0px 10px;background-repeat:repeat}.notify-panel[data-v-18bf2e70]{position:fixed;top:0;width:100%;z-index:100}.toast[data-v-18bf2e70],.progress[data-v-18bf2e70]{position:absolute;width:calc(100% - 4px);top:0;height:26px;overflow:hidden;padding:4px;background:#00000040;border-radius:6px;box-shadow:inset 0 1px 2px #00000040,0 1px #ffffff14;transition:opacity var(--6561c25f) ease-in-out,top var(--6561c25f) ease-in-out;opacity:1;margin:2px}.toast[hidden][data-v-18bf2e70],.progress[hidden][data-v-18bf2e70]{opacity:.3;display:block!important;top:-26px}.toast-bar[data-v-18bf2e70],.progress-bar[data-v-18bf2e70]{height:16px;border-radius:4px;background-image:linear-gradient(to bottom,#ffffff4d,#ffffff0d);box-shadow:0 0 1px 1px #00000040,inset 0 1px #ffffff1a;width:100%;background-color:#27e;font-size:.8em;color:#000;text-shadow:0px 0px 5px rgba(255,255,255,.5);line-height:1.1;text-align:left;padding-left:4px;white-space:nowrap}.progress-bar[data-v-18bf2e70]{animation:progress-shimmer-18bf2e70 1s linear infinite;background-image:repeating-linear-gradient(40deg,transparent,transparent 5%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 30%,transparent 45%,transparent 50%),linear-gradient(to bottom,#ffffff4d,#ffffff0d);background-size:200% 100%}.toast.error>.toast-bar[data-v-18bf2e70],.progress.error>.progress-bar[data-v-18bf2e70]{background-color:#e20}@keyframes progress-shimmer-18bf2e70{0%{background-position:right}to{background-position:left}}.edge-button[data-v-6dfa032a]{position:fixed;transform:translate(-50%,-50%)}*[data-v-761c8cc5]{--brush-length: 3.5em;--brush-left: 2.6em}.brush[data-v-761c8cc5]{position:fixed;margin-left:7em;margin-top:7em;width:var(--brush-length);height:1em;transform-origin:-3.2em 50%;transition:.2s ease-out;transition-property:width,opacity;overflow:hidden;opacity:.8;color:transparent;border-radius:40% 50% 50% 40%;display:block;padding:0}.tool-menu[hidden] .brush[data-v-761c8cc5]{width:1em;opacity:0}.brush1[data-v-761c8cc5]{transform:translate(var(--brush-left),-1.3em) rotate(-80deg);background-color:red}.brush2[data-v-761c8cc5]{transform:translate(var(--brush-left),-1.3em) rotate(-53.4deg);background-color:orange}.brush3[data-v-761c8cc5]{transform:translate(var(--brush-left),-1.3em) rotate(-26.6deg);background-color:#ff0}.brush4[data-v-761c8cc5]{transform:translate(var(--brush-left),-1.3em) rotate(-0deg);background-color:green}.brush5[data-v-761c8cc5]{transform:translate(var(--brush-left),-1.3em) rotate(26.6deg);background-color:#00f}.brush6[data-v-761c8cc5]{transform:translate(var(--brush-left),-1.3em) rotate(53.4deg);background-color:#000}.brush7[data-v-761c8cc5]{transform:translate(var(--brush-left),-1.3em) rotate(80deg);background-color:#fff}.tool-menu[data-v-761c8cc5]{-webkit-user-select:none;user-select:none;position:fixed;border-radius:50%;z-index:150;transform:translate(-50%,-50%)}.tool-menu[data-v-761c8cc5]{left:0;top:50%;opacity:1;width:13em;height:13em;transition-property:opacity}.tool-menu[hidden][data-v-761c8cc5]{display:block!important}.budge[data-v-761c8cc5]{position:fixed;top:50%;margin-left:7em}button[data-v-6fcaaafb]{border-radius:0;margin:0;display:block;width:100%;color:#fff;background-color:#666}.left-menu[data-v-6fcaaafb]{position:fixed;width:20%;height:100%;background-color:#7f7f7ff2;z-index:50;transition:.2s ease-in-out;transition-property:opacity,left,right;overflow:hidden;left:0;opacity:1;width:45%;box-shadow:0 0 .5em #000c}.left-menu[hidden][data-v-6fcaaafb]{left:-45%;opacity:.5;display:block!important}.thumbnail[data-v-6094e037]{position:relative;grid-column:span 1;margin:.1em;background-color:#ccc;text-align:center;overflow:hidden;height:200px;transition:height .6s ease}.image[data-v-6094e037]{cursor:pointer;height:200px}.name[data-v-6094e037]{position:absolute;bottom:0;right:0;font-size:.8em;color:#fff;background-color:#000c;padding:0 .2em;margin:.1em;border-radius:.2em;line-height:1.2em;display:none}.filename[data-v-6094e037]{width:100%}.buttons[data-v-6094e037]{position:absolute;width:100%;display:flex;bottom:0}.buttons *[data-v-6094e037]{flex:1 1;margin:.1em;width:33%;white-space:nowrap;overflow:hidden}.thumbnails[data-v-6875c7ee]{display:flex;flex-direction:column-reverse}.gallery[data-v-6875c7ee]{position:fixed;height:100%;overflow:auto;bottom:0}.buttons[data-v-6875c7ee]{width:100%;display:flex;bottom:0}.buttons *[data-v-6875c7ee]{flex:1 1;margin:.1em}.selected[data-v-6875c7ee]{box-shadow:0 0 .5em .5em #007fff80;z-index:100}.list-enter-from[data-v-6875c7ee],.list-leave-to[data-v-6875c7ee]{height:0}.menu[data-v-73dcafe3]{height:100%;overflow-y:auto}[data-v-73dcafe3]::-webkit-scrollbar{width:.3em}[data-v-73dcafe3]::-webkit-scrollbar-track{background:#000}[data-v-73dcafe3]::-webkit-scrollbar-thumb{background:#999;border-radius:.3em}[data-v-73dcafe3]::-webkit-scrollbar-thumb:hover{background:#ccc}.right-menu[data-v-73dcafe3]{position:fixed;width:20%;height:100%;background-color:#7f7f7ff2;z-index:50;transition:.2s ease-in-out;transition-property:opacity,left,right;overflow:hidden;box-shadow:0 0 .5em #000c}.right-menu[hidden][data-v-73dcafe3]{right:-45%;opacity:0;display:block!important}.right-menu[data-v-73dcafe3]{right:0;opacity:1;width:45%}.panel-titlebar{background-color:#666;padding:.25em;min-height:2.7em;flex:0 0;overflow:hidden;display:flex}.panel-main{padding:.25em;background-color:#e7e7e7;flex:1 0;display:flex;flex-direction:column;overflow:auto}.panel-titlebar .title{font-size:1rem;font-weight:400;float:left;margin-left:1em;white-space:nowrap;flex:1 0;font-style:italic;color:#ddd}.icon-button{border-radius:0;width:2rem;height:2rem;padding:0;background-color:#d0d0d0;flex:0 0;min-width:2rem;margin-left:.25em}.icon-button .text{position:absolute;width:0;height:0;overflow:hidden;top:-10000px}.rolled{display:none}.prevent-select{-webkit-user-select:none;user-select:none}.dimension[data-v-b741f6e6]{width:4em}.version[data-v-f36a904f]{text-align:right}.menu[data-v-f4fb5a58]{height:100%;overflow-y:auto}[data-v-f4fb5a58]::-webkit-scrollbar{width:.3em}[data-v-f4fb5a58]::-webkit-scrollbar-track{background:#000}[data-v-f4fb5a58]::-webkit-scrollbar-thumb{background:#999;border-radius:.3em}[data-v-f4fb5a58]::-webkit-scrollbar-thumb:hover{background:#ccc}.right-extended-menu[data-v-f4fb5a58]{position:fixed;width:20%;height:100%;background-color:#7f7f7ff2;z-index:50;transition:.2s ease-in-out;transition-property:opacity,left,right;overflow:hidden;box-shadow:0 0 .5em #000c}.right-extended-menu[hidden][data-v-f4fb5a58]{right:-45%;opacity:0;display:block!important}.right-extended-menu[data-v-f4fb5a58]{right:0;opacity:1;width:45%}.art-app[data-v-e60d88b8]{flex:1 0;height:100%;display:flex;flex-direction:row}.show-left-menu-button[data-v-e60d88b8],.show-right-menu-button[data-v-e60d88b8]{position:fixed;width:3em;height:3em;background-color:#7f7f7f80;cursor:pointer;z-index:90}.show-left-menu-button[data-v-e60d88b8]{border-bottom-right-radius:3em;left:0}.show-right-menu-button[data-v-e60d88b8]{border-bottom-left-radius:3em;right:0}.status-bar[data-v-e60d88b8]{position:fixed;left:.2em;bottom:.2em;font-size:.8em;-webkit-user-select:none;user-select:none;background-color:#00000080;border-radius:.5em;padding:0 .5em;color:#fff}.edge-button[data-v-e60d88b8]{border-radius:3em;z-index:200;width:6em;height:6em;box-shadow:0 0 .5em #000c;opacity:.6}*[hidden]{display:none!important}.app-wrapper{height:100%;display:flex;flex-direction:row;touch-action:none}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;max-width:100%}#app{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}