.editor-container[data-v-569cff50]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:calc(100vh - 150px);overflow:hidden}.sidebar-left[data-v-569cff50]{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;min-height:0}.sidebar-header[data-v-569cff50]{padding:15px;background:#fff;border-bottom:1px solid #ddd}.sidebar-header h3[data-v-569cff50]{font-size:16px;color:#333}.component-list[data-v-569cff50]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px;padding-bottom:50px}.component-item[data-v-569cff50]{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-569cff50]:hover{background:#e6f7ff;border-color:#409eff;-webkit-transform:translateX(5px);transform:translateX(5px)}.component-icon[data-v-569cff50]{font-size:24px;margin-right:10px}.component-name[data-v-569cff50]{font-size:14px;color:#333}.editor-main[data-v-569cff50]{-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-569cff50]{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;-ms-flex-negative:0;flex-shrink:0}.editor-header h3[data-v-569cff50]{font-size:18px;color:#333}.page-selector[data-v-569cff50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.page-selector label[data-v-569cff50]{font-size:14px;color:#666}.page-selector select[data-v-569cff50]{padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.btn-save[data-v-569cff50]{padding:6px 20px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-save[data-v-569cff50]:hover{background:#66b1ff}.canvas-container[data-v-569cff50]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:20px;position:relative;margin-top:10px}.page-wrapper[data-v-569cff50]{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;gap:10px}.page-canvas[data-v-569cff50]{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);margin:0 auto;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.page-nav-btn[data-v-569cff50]{position:absolute;top:calc(50% + 30px);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px;background:hsla(0,0%,100%,.9);border:2px solid #409eff;border-radius:50%;cursor:pointer;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;font-size:32px;color:#409eff;-webkit-transition:all .3s;transition:all .3s;z-index:10;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.page-nav-btn[data-v-569cff50]:hover{background:#409eff;color:#fff;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1);-webkit-box-shadow:0 4px 12px rgba(64,158,255,.4);box-shadow:0 4px 12px rgba(64,158,255,.4)}.page-nav-btn[data-v-569cff50]:active{-webkit-transform:translateY(-50%) scale(.95);transform:translateY(-50%) scale(.95)}.page-nav-prev[data-v-569cff50]{left:30px}.page-nav-next[data-v-569cff50]{right:30px}.nav-arrow[data-v-569cff50]{line-height:1;font-weight:700}.canvas-component[data-v-569cff50]{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-569cff50]:hover{opacity:.9}.sidebar-right[data-v-569cff50]{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-569cff50]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:15px}.property-group[data-v-569cff50]{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 label[data-v-569cff50]{-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-569cff50],.property-group select[data-v-569cff50],.property-group textarea[data-v-569cff50]{-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-569cff50]{height:40px;padding:2px;cursor:pointer}.property-group input.readonly-input[data-v-569cff50]{background:#f5f5f5;cursor:not-allowed;color:#666}.property-group textarea[data-v-569cff50]{resize:vertical;min-height:60px;width:100%}.property-group-textarea[data-v-569cff50]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.property-group-textarea label[data-v-569cff50]{padding-top:6px}.property-actions[data-v-569cff50]{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.btn-delete[data-v-569cff50]{width:100%;padding:10px;background:#f56c6c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-delete[data-v-569cff50]:hover{background:#f78989}.property-empty[data-v-569cff50]{-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-569cff50]{margin-top:8px;padding:8px;background:#f5f5f5;border-radius:4px;font-size:12px}.options-preview-title[data-v-569cff50]{font-weight:500;margin-bottom:5px;color:#666}.option-item[data-v-569cff50]{padding:3px 0;color:#333}