.header[data-v-9492d960]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-bottom:20px}.header[data-v-9492d960],.logo[data-v-9492d960]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo h1[data-v-9492d960]{margin-left:10px;font-size:24px;color:#409eff}.logo-icon[data-v-9492d960]{font-size:32px;color:#409eff}.mode-toggle[data-v-9492d960]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#ecf5ff;border-radius:20px;padding:5px}.mode-btn[data-v-9492d960]{padding:8px 20px;border-radius:18px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-weight:500}.mode-btn.active[data-v-9492d960]{background:#409eff;color:#fff}.main-container[data-v-9492d960]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.components-panel[data-v-9492d960]{width:280px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:15px}.components-panel h3[data-v-9492d960]{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5;color:#303133}.component-item[data-v-9492d960]{padding:12px 15px;margin-bottom:10px;background:#f5f7fa;border-radius:6px;cursor:move;-webkit-transition:all .3s;transition:all .3s;border:1px dashed #dcdfe6}.component-item[data-v-9492d960]:hover{background:#ecf5ff;border-color:#409eff}.component-icon[data-v-9492d960]{margin-right:10px;color:#409eff}.design-area[data-v-9492d960]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:700px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px}.design-area.preview-mode[data-v-9492d960]{background:#f5f7fa;border:none}.form-title[data-v-9492d960]{text-align:center;margin-bottom:30px;color:#606266}.form-container[data-v-9492d960]{height:600px;overflow-y:scroll}.field-item[data-v-9492d960]{margin-bottom:20px;padding:15px;border:1px solid #ebeef5;border-radius:6px;position:relative;-webkit-transition:all .3s;transition:all .3s;background:#fff}.field-item[data-v-9492d960]:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.field-item.active[data-v-9492d960]{border-color:#409eff;background:#ecf5ff}.field-label[data-v-9492d960]{font-weight:500;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.required-star[data-v-9492d960]{color:#f56c6c;margin-right:4px}.field-actions[data-v-9492d960]{position:absolute;top:10px;right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.action-btn[data-v-9492d960]{width:28px;height:28px;border-radius:50%;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;background:#fff;border:1px solid #dcdfe6;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-size:14px}.action-btn[data-v-9492d960]:hover{background:#409eff;color:#fff;border-color:#409eff}.properties-panel[data-v-9492d960]{width:320px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px;height:700px;overflow-y:scroll}.properties-panel h3[data-v-9492d960]{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ebeef5;color:#303133}.no-field[data-v-9492d960]{text-align:center;padding:40px 20px;color:#909399}.no-field-icon[data-v-9492d960]{font-size:60px;color:#dcdfe6;margin-bottom:15px}.empty-tip[data-v-9492d960]{text-align:center;color:#909399;margin-top:40px}.form-buttons[data-v-9492d960]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px;gap:20px}.preview-title[data-v-9492d960]{text-align:center;font-size:24px;margin-bottom:30px;color:#303133}