.editor-container[data-v-81aac402]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:calc(100vh - 150px);overflow:hidden}.sidebar-left[data-v-81aac402]{width:250px;background:#f5f5f5;border-right:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar-header[data-v-81aac402]{padding:15px;background:#fff;border-bottom:1px solid #ddd}.sidebar-header h3[data-v-81aac402]{font-size:16px;color:#333}.component-list[data-v-81aac402]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px;padding-bottom:50px}.component-item[data-v-81aac402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;margin-bottom:8px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:move;-webkit-transition:all .3s;transition:all .3s}.component-item[data-v-81aac402]:hover{background:#e6f7ff;border-color:#409eff;-webkit-transform:translateX(5px);transform:translateX(5px)}.component-icon[data-v-81aac402]{font-size:24px;margin-right:10px}.component-name[data-v-81aac402]{font-size:14px;color:#333}.editor-main[data-v-81aac402]{-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;background:#f0f0f0;overflow:hidden}.editor-header[data-v-81aac402]{padding:15px 20px;background:#fff;border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-header h3[data-v-81aac402]{font-size:18px;color:#333}.page-controls[data-v-81aac402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.page-count[data-v-81aac402]{font-size:14px;color:#666}.btn-save[data-v-81aac402]{padding:6px 20px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-save[data-v-81aac402]:hover{background:#66b1ff}.canvas-container[data-v-81aac402]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:20px}.pages-wrapper[data-v-81aac402]{gap:30px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.page-wrapper[data-v-81aac402],.pages-wrapper[data-v-81aac402]{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}.page-wrapper[data-v-81aac402]{gap:10px}.page-label[data-v-81aac402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#333;padding:5px 15px;background:#fff;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1)}.component-count[data-v-81aac402]{font-size:12px;color:#999;font-weight:400}.page-canvas[data-v-81aac402]{position:relative;background:#fff;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.page-canvas.page-selected[data-v-81aac402]{-webkit-box-shadow:0 2px 12px rgba(64,158,255,.4);box-shadow:0 2px 12px rgba(64,158,255,.4)}.canvas-component[data-v-81aac402]{position:absolute;cursor:move;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-component[data-v-81aac402]:hover{opacity:.9}.sidebar-right[data-v-81aac402]{width:300px;background:#f5f5f5;border-left:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.property-panel[data-v-81aac402]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:15px}.property-group[data-v-81aac402]{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.property-group.page-info[data-v-81aac402]{padding:10px;background:#e6f7ff;border-radius:4px;border:1px solid #91d5ff}.property-group.page-info label[data-v-81aac402]{display:inline;margin-right:8px}.page-name[data-v-81aac402]{color:#409eff;font-weight:500}.property-group label[data-v-81aac402]{-ms-flex-negative:0;flex-shrink:0;width:100px;text-align:right;font-size:13px;color:#666;font-weight:500;margin-bottom:0}.property-group input[data-v-81aac402],.property-group select[data-v-81aac402],.property-group textarea[data-v-81aac402]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.property-group input[type=color][data-v-81aac402]{height:40px;padding:2px;cursor:pointer}.property-group input.readonly-input[data-v-81aac402]{background:#f5f5f5;cursor:not-allowed;color:#666}.property-group textarea[data-v-81aac402]{resize:vertical;min-height:60px;width:100%}.property-group-textarea[data-v-81aac402]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.property-group-textarea label[data-v-81aac402]{padding-top:6px}.property-actions[data-v-81aac402]{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.btn-delete[data-v-81aac402]{width:100%;padding:10px;background:#f56c6c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-delete[data-v-81aac402]:hover{background:#f78989}.property-empty[data-v-81aac402]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:14px}.options-preview[data-v-81aac402]{margin-top:8px;padding:8px;background:#f5f5f5;border-radius:4px;font-size:12px}.options-preview-title[data-v-81aac402]{font-weight:500;margin-bottom:5px;color:#666}.option-item[data-v-81aac402]{padding:3px 0;color:#333}