:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.tool-mid-box[data-v-ca940f89]{height:32px;display:flex;border-radius:4px;justify-content:space-between;padding-left:6px;padding-right:6px;background-color:#fff}.tool-mid-box-left[data-v-ca940f89]{width:40px;display:flex;border-radius:4px;background-color:#fff;justify-content:space-between;align-items:center;flex-direction:column;padding-bottom:4px;padding-top:4px;box-shadow:0 8px 24px #0000001a}.tool-box-cell[data-v-ca940f89]{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.tool-box-cell-color[data-v-ca940f89]{width:14px;height:14px;border-radius:8px;border:1px solid rgba(0,0,0,.24)}.tool-box-cell-subscript[data-v-ca940f89]{position:absolute;bottom:0;right:0}.tool-box-cell-box-left[data-v-ca940f89]{width:32px;height:32px;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:2px}.tool-box-cell-box-left[data-v-ca940f89]:hover{background:#2123241a}.tool-box-cell-step-two[data-v-ca940f89]{height:2px;border-radius:1px;margin-top:-4px;margin-left:auto;margin-right:auto}.palette-box[data-v-ca940f89],.palette-box-color[data-v-ca940f89]{width:188px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stroke-script[data-v-ca940f89]{width:156px;display:flex;justify-content:space-between;margin-bottom:16px;height:17px}.stroke-script-text[data-v-ca940f89]{height:17px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC,sans-serif;font-weight:400;color:#212324;line-height:17px}.draw-tool-box-title[data-v-ca940f89]{width:100%}.draw-tool-box-title div[data-v-ca940f89]{font-weight:700;margin-left:16px;margin-top:8px;margin-bottom:8px}.palette-stroke-under-layer[data-v-ca940f89]{width:242px;height:32px;position:absolute;z-index:1}.palette-stroke-slider-mask[data-v-ca940f89]{width:290px;height:32px;position:absolute;z-index:3;display:flex;justify-content:center}.redo-undo{height:32px;width:60px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;-webkit-user-select:none;user-select:none;font-size:12px;cursor:pointer;box-shadow:0 4px 12px #0000001a}.redo-undo-controller-btn{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:2px;margin-left:2px;margin-right:2px}.redo-undo-controller-btn:hover{background:#2123241a}.scale-controller-box[data-v-208f1cc3]{height:32px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;-webkit-user-select:none;user-select:none;font-size:12px;box-shadow:0 8px 24px #00000014}.scale-controller-btn[data-v-208f1cc3]{width:24px;height:24px;display:flex;justify-content:center;align-items:center;margin-left:4px;margin-right:4px;cursor:pointer;border-radius:2px}.scale-controller-btn[data-v-208f1cc3]:hover{background:#2123241a}.scale-controller-cut-line[data-v-208f1cc3]{background-color:#e7e7e7;height:20px;width:.5px}.whiteboard-annex-box{height:24px;background-color:#fff;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.whiteboard-annex-arrow{display:flex;width:24px;height:24px;border-radius:2px;justify-content:center;align-items:center;cursor:pointer}.whiteboard-annex-arrow:hover{background:#2123241a}.whiteboard-annex-arrow-page{margin-left:8px;margin-right:8px;color:#212324}.menu-title-line{display:flex;justify-content:space-between;align-items:center;height:22px;margin-top:24px}.menu-title-line-box{height:62px;background-color:#fff;position:absolute;z-index:10;width:100%}.menu-head-btn{width:22px;height:22px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:2px}.menu-head-btn:hover{background:#2123241a}.menu-title-left{display:flex;align-items:center;justify-content:center;margin-right:16px}.menu-title-text-box{margin-left:16px}.menu-title-close-icon{width:16px}.menu-annex-box{width:100%;height:100%;background-color:#fff;overflow-y:auto}.menu-annex-body{width:100%;height:calc(100vh - 64px);background-color:#fff}.menu-add-page{margin-right:16px}.menu-under-btn-inner{width:100%;height:42px;display:flex;justify-content:center;align-items:center}.menu-under-btn-inner:hover{background-color:#f5f5f5;transition-timing-function:ease-in-out;transition-duration:.2s}.menu-under-btn-inner img{width:14px}.ppt-image{width:208px;height:156px;overflow:hidden}.menu-under-btn-right{width:42px;height:42px}.menu-under-btn{width:100%;height:42px;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;z-index:15;border-top:1px solid #F5F5F5;cursor:pointer;background-color:#fff}.menu-under-btn img{width:14px;opacity:.6;margin-right:12px}.menu-under-btn-right-inner{width:42px;height:42px;display:flex;justify-content:center;align-items:center}.menu-page-box{width:280px;height:157.5px;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.menu-cell-box{width:200px;height:112.5px;background:#fff;box-shadow:0 1px 3px #00000026;border-radius:4px;display:flex;justify-content:center;align-items:center}.menu-cell-box img{width:40px}.page-out-box{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;outline:none}.page-box-inner-index-left{width:32px;height:112.5px;display:flex;align-items:center;justify-content:center}.page-mid-box{width:192px;height:112.5px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px;margin-left:6px}.page-box{width:208px;height:156px;background-color:#f4f4f4;border-radius:4px;cursor:pointer;border:1px solid #F4F4F4}.page-box.active{border-color:#71c3fc}.page-box-under{width:100%;height:22px;margin-bottom:22px;margin-top:8px;display:flex;align-items:center;justify-content:space-between}.page-box-under-left{margin-left:16px;font-size:14px;color:#212324;opacity:.6}.page-box-under-right{margin-right:16px;width:22px;height:22px;border-radius:2px;cursor:pointer}.page-box-under-right:hover{background:#2123241a}.preview-cells-box{height:calc(100vh - 62px)}.page-box-inner-index-right{width:20px;height:112.5px}.page-box-inner-index-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.page-box-inner-index-delete-box{width:24px;height:24px}.page-box-close{width:24px;height:24px;background-color:#fff;border-radius:50%;position:absolute;box-shadow:0 1px 3px #00000026;display:flex;justify-content:center;align-items:center;margin-left:182px;margin-top:-10px}.canvas-wrap[data-v-802f95bd]{position:relative;width:800px;height:450px;margin:0 auto;border:1px solid #ccc}.tool-box-out[data-v-802f95bd]{height:100%;width:0;display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:3;left:8px}.redo-undo-box[data-v-802f95bd]{position:absolute;z-index:3;bottom:8px;left:8px}.zoom-controller-box[data-v-802f95bd]{position:absolute;left:76px;z-index:3;bottom:8px}.room-controller-box[data-v-802f95bd]{position:absolute;right:8px;top:8px;z-index:100}.page-controller-box[data-v-802f95bd]{position:absolute;z-index:3;bottom:8px;right:8px}.page-controller-mid-box[data-v-802f95bd]{display:flex;align-items:center;justify-content:center;background-color:#fff;height:32px;padding-left:4px;padding-right:4px;border-radius:4px;-webkit-user-select:none;user-select:none;font-size:12px;box-shadow:0 4px 12px #0000001a}.page-preview-cell[data-v-802f95bd]{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#fff;border-radius:2px}.page-preview-cell[data-v-802f95bd]:hover{background:#2123241a}.preview-controller-box[data-v-802f95bd]{position:absolute;top:0;right:0;width:240px;height:100%;z-index:3;box-shadow:0 4px 12px #0000001a}