.tools[data-v-e39cdf65]{width:90px;height:30px;color:var(--theme-tools-bar-color);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.tools-active[data-v-e39cdf65]{background:var(--theme-tools-bar-background-active);color:var(--theme-tools-bar-color-active)}.tools-icon[data-v-e39cdf65]{font-size:20px;line-height:30px}.function-icon[data-v-2d9106fa]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;margin:5px auto}.function-icon-text[data-v-2d9106fa]{font-size:12px;color:#3b3b3b;text-align:center}.history-record-item[data-v-194e6cfc]{display:flex;color:var(--theme-right-bar-history-record-item-color);align-items:center;border-bottom:1px solid #525252;cursor:pointer}.history-record-item-img[data-v-194e6cfc]{width:30px;height:30px;background:var(--theme-right-bar-history-record-item-img-background);border:1px solid rgb(0,0,0);margin-right:20px}.history-record-item-index[data-v-194e6cfc]{width:30px;height:30px;color:var(--theme-right-bar-history-record-item-index-color);font-size:12px;text-align:center;line-height:30px}.history-record-item-text[data-v-194e6cfc]{color:var(--theme-right-bar-history-record-item-text-color)}.history-record-item-current[data-v-194e6cfc]{background:var(--theme-right-bar-history-record-item-current-background)}.history-empty[data-v-9c110632]{justify-content:center;align-items:center}.history-empty-tips[data-v-9c110632]{font-size:14px;color:#b3b3b3;text-align:center}.history-record[data-v-9c110632]{position:fixed;display:flex;flex-direction:column;width:300px;height:500px;border:3px solid rgb(80,80,80);background:var(--theme-right-bar-function-background);overflow:auto;top:10px;right:54px;z-index:3}.pen-size[data-v-2cd03b20]{width:230px;height:30px;padding:0 10px;position:fixed;display:flex;justify-content:space-between;align-items:center;border:3px solid rgb(80,80,80);background:var(--theme-right-bar-function-background);top:64px;right:54px;z-index:3}.pen-size-tips[data-v-2cd03b20],.pen-size-text[data-v-2cd03b20]{font-size:14px;line-height:14px;color:var(--theme-right-bar-function-color)}.pen-size-tips[data-v-2cd03b20]{margin-right:5px;color:var(--theme-right-bar-function-tips-color)}.dashed-wrap[data-v-8b5a1051]{width:230px;height:60px;padding:0 10px;position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;border:3px solid rgb(80,80,80);background:var(--theme-right-bar-function-background);top:110px;right:54px;z-index:3}.dashed[data-v-8b5a1051]{display:flex;justify-content:space-between;align-items:center}.dashed-tips[data-v-8b5a1051],.dashed-text[data-v-8b5a1051]{font-size:14px;line-height:14px;color:var(--theme-right-bar-function-color)}.dashed-tips[data-v-8b5a1051]{margin-right:5px;color:var(--theme-right-bar-function-tips-color)}.color[data-v-9a08717e]{width:230px;height:30px;padding:0 10px;position:fixed;display:flex;justify-content:space-between;align-items:center;border:3px solid rgb(80,80,80);background:var(--theme-right-bar-function-background);top:154px;right:54px;z-index:3}.color-tips[data-v-9a08717e]{font-size:14px;margin-right:5px;color:var(--theme-right-bar-function-tips-color)}.output[data-v-8e2885c0]{width:175px;padding:0;position:fixed;border:3px solid rgb(80,80,80);background:var(--theme-right-bar-function-background);top:260px;right:54px;z-index:3}.output-item[data-v-8e2885c0]{padding:0 10px;display:flex;height:40px;line-height:40px;align-items:center;justify-content:space-between;cursor:pointer}.output-item[data-v-8e2885c0]:hover{background:var(--theme-tools-bar-color-active)}.output-item-text[data-v-8e2885c0]{font-size:14px;color:var(--theme-right-bar-function-color)}.output-item-tips[data-v-8e2885c0]{font-size:12px;color:var(--theme-right-bar-function-tips-color)}.recorder[data-v-c1cde509]{width:240px;padding:0;position:fixed;border:3px solid rgb(80,80,80);background:var(--theme-right-bar-function-background);top:330px;right:54px;z-index:3}.recorder-item[data-v-c1cde509]{padding:0 10px;display:flex;height:40px;line-height:40px;align-items:center;justify-content:space-between;cursor:pointer}.recorder-item-disable[data-v-c1cde509]{cursor:not-allowed;color:var(--theme-tools-bar-color-disabled);background:var(--theme-tools-bar-background-disabled)}.recorder-item[data-v-c1cde509]:hover{background:var(--theme-tools-bar-color-active)}.recorder-item-disable[data-v-c1cde509]:hover{background:var(--theme-tools-bar-background-disabled)}.recorder-item-text[data-v-c1cde509]{font-size:14px;color:var(--theme-right-bar-function-color)}.recorder-item-tips[data-v-c1cde509]{font-size:12px;color:var(--theme-right-bar-function-tips-color)}.right-bar[data-v-7fccb467]{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.tools-bar[data-v-4b653323]{width:90%;height:60px;min-width:300px;position:fixed;bottom:10px;left:50%;transform:translate(-50%);background:var(--theme-tools-bar-background-color);border-radius:30px;z-index:2;display:flex;align-items:center;padding:0 20px}.wrap[data-v-e886256b]{width:90%;min-width:300px;margin:10px auto 0;height:calc(100vh - 90px);background:#fff;border-radius:10px;position:relative}canvas[data-v-e886256b]{width:100%;height:100%;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--main-background-color: rgb(187, 187, 187)}:root{--theme-tools-bar-background-color: rgba(0, 0, 0, .75);--theme-tools-bar-color: rgb(255, 255, 255);--theme-tools-bar-background-active: rgb(255, 255, 255);--theme-tools-bar-color-active: rgb(0, 0, 0);--theme-tools-bar-background-disabled: rgb(68, 65, 65);--theme-tools-bar-color-disabled: #c3c3c3;--theme-right-bar-function-background: rgb(53, 52, 52);--theme-right-bar-function-color: #fff;--theme-right-bar-function-tips-color: rgb(194, 216, 229);--theme-right-bar-history-record-item-color: #fff;--theme-right-bar-history-record-item-img-background: #fff;--theme-right-bar-history-record-item-index-color: rgb(141, 141, 141);--theme-right-bar-history-record-item-text-color: #fff;--theme-right-bar-history-record-item-current-background: #000}html,body,#app{margin:0;padding:0;height:100%;overflow:hidden;background:var(--main-background-color);-webkit-user-select:none;user-select:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}