.current-size[data-v-6811a6fe]{text-align:center;margin:20px 0;padding:15px;background:#f5f7fa;border-radius:8px}.current-size span[data-v-6811a6fe]{font-size:18px;color:#409eff;font-weight:500}.editor-content[data-v-6811a6fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.preview-section[data-v-6811a6fe]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:300px;padding:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-container[data-v-6811a6fe],.preview-section[data-v-6811a6fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-container[data-v-6811a6fe]{width:100%;height:400px;border:2px dashed #dcdfe6;border-radius:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f5f7fa;margin-bottom:20px;overflow:hidden;padding:10px}.preview-image[data-v-6811a6fe]{max-width:100%;max-height:100%;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.dimension-display[data-v-6811a6fe]{text-align:center;margin-top:15px}.dimension-display .dimension[data-v-6811a6fe]{font-size:18px;font-weight:500;color:#409eff}.dimension-display .ratio[data-v-6811a6fe]{color:#909399;margin-left:10px}.control-section[data-v-6811a6fe]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:300px;padding:0 20px}.control-group[data-v-6811a6fe]{margin-bottom:25px}.control-group[data-v-6811a6fe]:last-child{margin-bottom:10px}.control-group h3[data-v-6811a6fe]{font-size:16px;color:#303133;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-group h3 i[data-v-6811a6fe]{margin-right:8px;color:#409eff}.ratio-buttons[data-v-6811a6fe]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ratio-button[data-v-6811a6fe]{padding:8px 5px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;text-align:center}.ratio-button[data-v-6811a6fe]:hover{border-color:#409eff;color:#409eff}.ratio-button.active[data-v-6811a6fe]{background:#409eff;color:#fff;border-color:#409eff}.dimension-inputs[data-v-6811a6fe]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.dimension-input[data-v-6811a6fe]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.action-buttons[data-v-6811a6fe]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-top:30px}.action-button[data-v-6811a6fe]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px}.lock-toggle[data-v-6811a6fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:15px 0}.preset-sizes[data-v-6811a6fe]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.preset-size[data-v-6811a6fe]{padding:8px 5px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;text-align:center}.preset-size[data-v-6811a6fe]:hover{border-color:#67c23a;color:#67c23a}.preset-size.active[data-v-6811a6fe]{background:#67c23a;color:#fff;border-color:#67c23a}@media (max-width:768px){.editor-content[data-v-6811a6fe]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.control-section[data-v-6811a6fe]{border-left:none;border-top:1px solid #eaeaea}}.treeNode{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}