.modalContainer .imagePreview[data-v-22fdf126]{max-width:200px;max-height:200px}.modalContainer .textPreview[data-v-22fdf126]{border:1px dashed #ccc}.modalContainer .buildInComponentList[data-v-22fdf126]{display:flex;flex-wrap:wrap}.modalContainer .buildInComponentList .item[data-v-22fdf126]{border:1px solid #ff2e97;padding:5px;border-radius:10px;margin-right:10px;margin-bottom:10px;width:130px;text-align:center;cursor:pointer}.modalContainer .buildInComponentList .item.active[data-v-22fdf126]{background:#ff2e97;color:#fff}.imagePreview[data-v-03736f47]{max-width:200px;max-height:200px}.textPreview[data-v-03736f47]{border:1px dashed #ccc}.spriteList .spriteItem[data-v-d637ee46]{display:flex;align-items:center;padding:5px 10px;border:1px solid transparent;height:50px;border-radius:30px}.spriteList .spriteItem .eye[data-v-d637ee46]{width:30px;text-align:center}.spriteList .spriteItem .eye .active[data-v-d637ee46]{color:#fff}.spriteList .spriteItem .eye .inactive[data-v-d637ee46]{color:grey}.spriteList .spriteItem .zIndex[data-v-d637ee46]{width:30px;pointer-events:none}.spriteList .spriteItem .imageSprite[data-v-d637ee46]{flex-grow:1}.spriteList .spriteItem .imageSprite img[data-v-d637ee46]{max-width:40px;max-height:40px}.spriteList .spriteItem .textSprite[data-v-d637ee46]{flex-grow:1;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.spriteList .spriteItem .btn[data-v-d637ee46]{cursor:pointer;display:none}.spriteList .spriteItem .btn[data-v-d637ee46]:hover{color:var(--color-green)}.spriteList .spriteItem.active[data-v-d637ee46]{background-color:#ff2e97;color:#fff}.spriteList .spriteItem.active .btn[data-v-d637ee46]{display:block}.spriteList .spriteItem[data-v-d637ee46]:hover{border-color:#ff2e97}.actionBar[data-v-d637ee46]{display:flex;justify-content:space-around;margin-top:15px}.imagePreview[data-v-4ebcdb7a]{max-width:400px;max-height:400px}.textPreview[data-v-4ebcdb7a]{border:1px dashed #ccc}.workspacePage[data-v-2e2aaac4]{border-radius:20px;overflow:hidden;display:flex}.section[data-v-2e2aaac4]{padding:10px 20px}.section .ant-form-item[data-v-2e2aaac4]{margin-bottom:5px}.section .ant-btn[data-v-2e2aaac4]{display:block;margin:0 10px 10px 0}.workspaceContainer[data-v-2e2aaac4]{flex-grow:1;height:var(--maxPageHeight);display:flex;justify-content:center;align-items:center;padding-bottom:30px;position:relative;background:var(--color-dark)}.workspaceContainer .workspaceWrap[data-v-2e2aaac4]{position:relative;display:flex;overflow:auto;height:calc(var(--maxPageHeight) - 30px);width:calc(100vw - 350px);padding:50px}.workspaceContainer .workspaceWrap #workspace[data-v-2e2aaac4]{flex-shrink:0;border:1px solid var(--color-green);box-shadow:0 0 6px var(--color-green)}.workspaceContainer .statusBar[data-v-2e2aaac4]{background:var(--color-red);border-top:1px solid var(--color-red);border-bottom:1px solid var(--color-red);box-shadow:0 -1px 12px var(--color-red);position:fixed;left:0;right:350px;bottom:0;height:30px;display:flex;justify-content:space-around;align-items:stretch;color:#fff}.workspaceContainer .statusBar .btn[data-v-2e2aaac4]{flex-grow:1;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:12px;border-right:1px solid hsla(0,0%,100%,.2)}.workspaceContainer .statusBar .btn[data-v-2e2aaac4]:hover{background:var(--color-dark)}.controlPanel[data-v-2e2aaac4]{border-left:1px solid var(--color-blue);box-shadow:-1px 0 12px var(--color-blue);z-index:2;width:350px;background:var(--color-blue);flex-shrink:0;height:var(--maxPageHeight);overflow-y:auto}.controlPanel .section[data-v-2e2aaac4]{border-bottom:1px solid var(--color-green);box-shadow:3px 0 6px var(--color-green)}.controlPanel .sectionTitle[data-v-2e2aaac4]{color:#fff;font-size:20px;margin-bottom:20px;padding-left:40px}