.rect-align[data-v-912546a3]{display:flex}.rect-align span[data-v-912546a3]{align-items:center;border:1px solid var(--el-border-color);border-radius:2px;cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:5px;position:relative;width:24px}.rect-align span[data-v-912546a3]:before{border:1px solid #999;height:4px;width:10px}.rect-align span[data-v-912546a3]:after,.rect-align span[data-v-912546a3]:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rect-align span[data-v-912546a3]:after{background-color:#999;border:1px solid #fff;height:12px;width:2px}.rect-align span[type=left][data-v-912546a3]:before{margin-left:2px}.rect-align span[type=left][data-v-912546a3]:after{margin-left:-7px}.rect-align span[type=center][data-v-912546a3]:after,.rect-align span[type=center][data-v-912546a3]:before{margin-left:0}.rect-align span[type=right][data-v-912546a3]:before{margin-left:-2px}.rect-align span[type=right][data-v-912546a3]:after{margin-left:7px}.rect-align span[type=top][data-v-912546a3]{transform:rotate(90deg)}.rect-align span[type=top][data-v-912546a3]:before{margin-left:2px}.rect-align span[type=top][data-v-912546a3]:after{margin-left:-7px}.rect-align span[type=bottom][data-v-912546a3],.rect-align span[type=middle][data-v-912546a3]{transform:rotate(90deg)}.rect-align span[type=bottom][data-v-912546a3]:before{margin-left:-2px}.rect-align span[type=bottom][data-v-912546a3]:after{margin-left:7px}.rect-align span[data-v-912546a3]:hover,.rect-align span[data-v-912546a3]:hover:before{border-color:#ff5c00}.rect-align span[data-v-912546a3]:hover:after{background-color:#ff5c00}.rect-align span+span[data-v-912546a3]{margin-left:5px}.design-dialog[data-v-27f54a2a]{height:calc(100vh - 85px)}.design-dialog[data-v-27f54a2a],.design-preview-warp[data-v-27f54a2a]{align-items:center;display:flex;justify-content:center}.design-preview-warp[data-v-27f54a2a]{flex:1;overflow:hidden;position:relative}.design-preview-warp .piece-preview[data-v-27f54a2a]{max-width:calc(100vh - 400px);width:80%}.design-preview-warp>span[data-v-27f54a2a]{background-color:#00cfff4d;position:absolute}.design-option[data-v-27f54a2a]{display:flex;flex-direction:column;height:100%;margin-left:20px;max-width:400px;min-width:350px;width:400px}.design-option>button[data-v-27f54a2a]{height:40px;margin-top:10px}.design-option h3[data-v-27f54a2a]{font-size:14px;font-weight:600;line-height:30px}.design-option .design-name[data-v-27f54a2a]{display:flex;margin-bottom:10px}.design-option .design-name strong[data-v-27f54a2a]{flex:1}.design-option .design-pieces[data-v-27f54a2a]{border:1px solid #ddd;border-radius:4px;display:flex;flex:1;flex-direction:column;overflow:auto;padding:16px}.design-option .design-pieces p[data-v-27f54a2a]{align-items:center;display:flex;margin-top:10px}.design-option .design-pieces p strong[data-v-27f54a2a]{font-weight:400;white-space:nowrap;width:20px}.design-option .design-pieces p .el-slider[data-v-27f54a2a]{flex:1;margin-left:24px;width:auto}.design-option .design-pieces p .el-input[data-v-27f54a2a]{margin:0 5px}.design-option .design-pieces .rect-align[data-v-27f54a2a]{margin:16px 0}.design-option .design-pieces .el-button[data-v-27f54a2a]{margin-top:10px}.design-option .design-pieces fieldset[data-v-27f54a2a]{display:flex;flex-wrap:wrap;margin:0 -4px}.design-option .design-pieces fieldset .el-button[data-v-27f54a2a]{margin:4px}