.canvas-editor[data-v-f725f382]{display:flex;justify-content:center;align-items:center;background-color:#e8e8e8;padding:10px;flex:1;overflow:hidden;min-height:0;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 0),linear-gradient(-45deg,#d0d0d0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#d0d0d0 0),linear-gradient(-45deg,transparent 75%,#d0d0d0 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.canvas-wrapper[data-v-f725f382]{box-shadow:0 4px 20px rgba(0,0,0,.25);background:#fff;flex-shrink:0;border-radius:2px;transition:transform .2s ease}#fabricCanvas[data-v-f725f382]{display:block}.editor-canvas-page[data-v-5de030ac]{height:calc(100vh - 150px)}.editor-layout[data-v-5de030ac]{display:flex;height:100%;gap:10px}.left-sidebar[data-v-5de030ac]{width:250px;min-width:250px;flex-shrink:0;background:#fff;padding:15px;overflow-y:auto}.tool-section[data-v-5de030ac]{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.tool-section[data-v-5de030ac]:last-child{border-bottom:none}.tool-section h4[data-v-5de030ac]{margin:0 0 10px 0;font-size:14px;color:#555}.tool-section .tool-btn[data-v-5de030ac]{width:100%;margin:0 0 8px 0;display:block;text-align:left;padding-left:15px;padding-right:15px}.tool-section .el-button[data-v-5de030ac]{width:100%;margin-bottom:8px;display:block}.material-list[data-v-5de030ac]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.material-thumb[data-v-5de030ac]{width:100%;padding-bottom:100%;position:relative;background:#fafafa;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .2s}.material-thumb[data-v-5de030ac]:hover{transform:scale(1.05)}.material-thumb img[data-v-5de030ac]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.center-canvas[data-v-5de030ac]{flex:1;background:#f0f0f0;display:flex;flex-direction:column;min-width:0;overflow:hidden}.center-canvas[data-v-5de030ac] .canvas-editor{flex:1;min-height:0}.canvas-toolbar[data-v-5de030ac]{display:flex;flex-direction:column;padding:12px 15px;border-bottom:1px solid #e4e7ed;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.toolbar-row[data-v-5de030ac]{flex-wrap:wrap}.toolbar-row[data-v-5de030ac],.toolbar-section[data-v-5de030ac]{display:flex;align-items:center;gap:8px}.toolbar-label[data-v-5de030ac]{font-size:12px;color:#909399;font-weight:500;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar-divider[data-v-5de030ac]{width:1px;height:24px;background-color:#e4e7ed;margin:0 4px}.toolbar-actions[data-v-5de030ac]{margin-left:auto;display:flex;gap:8px}.canvas-toolbar .el-button--mini[data-v-5de030ac]{padding:7px 10px;font-size:12px;min-width:32px;display:inline-flex;align-items:center;justify-content:center}.canvas-toolbar .el-button--mini.is-disabled[data-v-5de030ac]{opacity:.5}.canvas-toolbar .el-button--mini [class*=el-icon-][data-v-5de030ac]{font-size:16px;line-height:1}.vertical-center-icon[data-v-5de030ac]{font-size:12px;line-height:1;display:inline-block;font-weight:700}.canvas-toolbar .el-button--mini.el-button--default>span[data-v-5de030ac]{display:inline-flex;align-items:center;justify-content:center}.canvas-toolbar .el-button-group[data-v-5de030ac]{display:inline-flex}.canvas-toolbar .el-button-group .el-button[data-v-5de030ac]{margin:0}.canvas-toolbar .el-tooltip[data-v-5de030ac]{display:inline-flex}.toolbar-actions .el-button--mini[data-v-5de030ac]{padding:7px 15px}@media (max-width:1400px){.toolbar-label[data-v-5de030ac]{display:none}.toolbar-section[data-v-5de030ac]{gap:4px}.toolbar-divider[data-v-5de030ac]{margin:0 2px}}.right-sidebar[data-v-5de030ac]{width:582px;min-width:582px;flex-shrink:0;background:#fff;padding:15px;overflow-y:auto}.property-panel h4[data-v-5de030ac]{margin:0 0 15px 0;font-size:14px;color:#555}.property-section[data-v-5de030ac]{margin-bottom:20px}.property-section h5[data-v-5de030ac]{margin:0 0 10px 0;font-size:13px;color:hsla(0,0%,100%,.55);padding-bottom:5px;border-bottom:1px solid #eee}.property-panel-empty[data-v-5de030ac]{display:flex;align-items:center;justify-content:center;height:100%}.color-input[data-v-5de030ac]{width:100%;height:40px;border:1px solid #dcdfe6;border-radius:4px;padding:4px;cursor:pointer;transition:border-color .3s}.color-input[data-v-5de030ac]:hover{border-color:#409eff}.color-input[data-v-5de030ac]:focus{outline:none;border-color:#409eff}