.knife-sketch-box[data-v-2f7e1f41]{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sketch-container[data-v-2f7e1f41]{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.layer-box[data-v-2f7e1f41]{position:relative;overflow:visible}.layer-box .knife-sketch-layer[data-v-2f7e1f41]{pointer-events:none;z-index:1;transform-origin:50%;width:100%;height:100%;position:absolute;top:0;left:0}.layer-box .knife-sketch-layer--inside[data-v-2f7e1f41]{transform:scaleX(-1)}.layer-box .design-box[data-v-2f7e1f41]{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.layer-box .design-box .design-canva[data-v-2f7e1f41]{width:100%;height:100%;position:absolute;top:0;left:0}.design-viewer[data-v-9761a22d]{background:#d6d6d6;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.design-viewer[data-v-9761a22d] canvas{border-radius:16px;width:100%!important;height:100%!important}.design-viewer .editor-preview-container[data-v-9761a22d]{background:var(--Color-Neutral-neutral-1,#f7f7f7);width:100%;height:100%}.design-viewer .view-mode-switch[data-v-9761a22d]{border:1px solid var(--Color-Neutral-neutral-4,#d9d9d9);z-index:10;user-select:none;background:#fff;border-radius:8px;align-items:center;padding:3px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.design-viewer .view-mode-switch .switch-item[data-v-9761a22d]{cursor:pointer;color:#191919;background:0 0;border:0;border-radius:6px;height:30px;padding:4px 14px;font-size:12px;font-weight:500;transition:all .2s}.design-viewer .view-mode-switch .switch-item[data-v-9761a22d]:hover{background:#f5f5f5}.design-viewer .view-mode-switch .switch-item.active[data-v-9761a22d]{color:#fff;background:#191919}.design-viewer .view-mode-switch .side-switch[data-v-9761a22d]{--side-switch-width:188px;width:var(--side-switch-width);flex-shrink:0;overflow:hidden}.design-viewer .view-mode-switch .side-switch__content[data-v-9761a22d]{width:var(--side-switch-width);white-space:nowrap;align-items:center;display:flex}.design-viewer .view-mode-switch .side-switch__divider[data-v-9761a22d]{background:var(--Color-Neutral-neutral-3,#e6e6e6);flex-shrink:0;width:1px;height:20px;margin:0 6px}.design-viewer .view-mode-switch .side-switch__item[data-v-9761a22d]{min-width:88px;height:30px;color:var(--Text-Neutral-secondary,#666);font-size:var(--fs-14);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:400;transition:color .2s,background .2s}.design-viewer .view-mode-switch .side-switch__item[data-v-9761a22d]:hover{color:var(--Color-primary-6,#8f47ff);background:var(--Color-Neutral-neutral-1,#f7f7f7)}.design-viewer .view-mode-switch .side-switch__item.active[data-v-9761a22d]{color:var(--Color-primary-6,#8f47ff);background:var(--Color-primary-1,#f6f0ff)}.design-viewer .view-mode-switch .side-switch-enter-active[data-v-9761a22d]{transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.design-viewer .view-mode-switch .side-switch-leave-active[data-v-9761a22d]{transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s}.design-viewer .view-mode-switch .side-switch-enter-from[data-v-9761a22d],.design-viewer .view-mode-switch .side-switch-leave-to[data-v-9761a22d]{opacity:0;width:0}.design-viewer .view-mode-switch .side-switch-enter-to[data-v-9761a22d],.design-viewer .view-mode-switch .side-switch-leave-from[data-v-9761a22d]{width:var(--side-switch-width);opacity:1}.design-viewer .viewer-update-mask[data-v-9761a22d]{backdrop-filter:blur(10px);z-index:10;background:#eee6;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.design-viewer .viewer-update-spinner svg[data-v-9761a22d]{animation:1.5s linear infinite rotate-9761a22d}@keyframes rotate-9761a22d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.design-viewer .tip-icon-container[data-v-9761a22d]{align-items:center;width:28px;height:28px;display:flex;position:absolute;top:10px;right:16px;overflow:hidden}.design-viewer .tip-icon-container i[data-v-9761a22d]{font-size:28px}.design-viewer .viewer-collapse[data-v-9761a22d]{color:#191919;background:#fff;border-radius:12px;width:230px;height:24px;margin:auto;padding:0 10px;font-size:12px;font-weight:400;position:absolute;bottom:20px;left:0;right:0}.design-viewer .design-viewer-box[data-v-9761a22d]{width:100%;height:100%}