.poster-designer-container[data-v-2b9ed3a0]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(86vh - 184px);position:relative}.toolbar-panel[data-v-2b9ed3a0]{width:250px;border-right:1px solid #ebeef5;padding:10px;overflow-y:auto}.tool-section[data-v-2b9ed3a0]{margin-bottom:20px}.section-title[data-v-2b9ed3a0]{font-weight:700;margin-bottom:10px;color:#606266}.background-list[data-v-2b9ed3a0]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.background-item[data-v-2b9ed3a0]{border:2px solid #ccc;cursor:pointer;border-radius:4px;overflow:hidden}.background-item.active[data-v-2b9ed3a0],.background-item[data-v-2b9ed3a0]:hover{border-color:#409eff}.background-item img[data-v-2b9ed3a0]{width:100%;height:80px;-o-object-fit:cover;object-fit:cover}.template-label[data-v-2b9ed3a0]{text-align:center;font-size:12px;padding:2px 0}.canvas-panel[data-v-2b9ed3a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 10px 10px 20px;overflow:auto}.canvas-wrapper[data-v-2b9ed3a0]{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.canvas-wrapper canvas[data-v-2b9ed3a0]{border:1px solid #dcdfe6;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.dialog-footer[data-v-2b9ed3a0]{text-align:right}.dialog-footer .el-button[data-v-2b9ed3a0]{margin-left:10px}.custom-background-upload[data-v-2b9ed3a0]{margin-top:20px;padding-top:15px;border-top:1px solid #ebeef5}.local-preview[data-v-2b9ed3a0]{margin-top:10px;border:2px solid transparent;cursor:pointer;border-radius:4px;overflow:hidden;width:100%}.local-preview.active[data-v-2b9ed3a0],.local-preview[data-v-2b9ed3a0]:hover{border-color:#409eff}.local-preview img[data-v-2b9ed3a0]{width:100%;height:80px;-o-object-fit:cover;object-fit:cover}.local-elements-list[data-v-2b9ed3a0]{margin-top:10px;padding-right:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.local-element-item[data-v-2b9ed3a0]{border:1px solid #dcdfe6;border-radius:4px;padding:5px;cursor:pointer;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100px}.local-element-item[data-v-2b9ed3a0]:hover{border-color:#409eff;background-color:#f5f7fa}.local-element-item img[data-v-2b9ed3a0]{max-width:100%;max-height:60px;-o-object-fit:contain;object-fit:contain;-ms-flex-negative:0;flex-shrink:0}.element-label[data-v-2b9ed3a0]{font-size:12px;margin-top:5px;width:9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-elements-list[data-v-2b9ed3a0]{margin-top:10px}.text-element-item[data-v-2b9ed3a0]{padding:5px;margin-bottom:5px;border:1px solid #ebeef5;border-radius:4px;cursor:pointer}.text-element-item[data-v-2b9ed3a0]:hover{border-color:#409eff;background-color:#f5f7fa}.text-element-item.active[data-v-2b9ed3a0]{border-color:#409eff;background-color:#ecf5ff}.poster-designer-dialog .el-dialog{margin-top:7.5vh!important}