.zone-editor[data-v-ddf43b94]{border:1px solid #e8eaec;border-radius:4px;background:#fff;min-height:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.zone-title[data-v-ddf43b94]{padding:8px 12px;font-weight:600;border-bottom:1px solid #e8eaec;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;background:#f8f8f9}.zone-hint[data-v-ddf43b94]{font-weight:400;color:#808695;font-size:12px}.zone-list[data-v-ddf43b94]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:6px;min-height:120px}.zone-item[data-v-ddf43b94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 8px;margin-bottom:4px;border:1px solid #e8eaec;border-radius:3px;cursor:pointer;background:#fff}.zone-item.active[data-v-ddf43b94]{border-color:#2d8cf0;background:#f0f7ff}.drag-handle[data-v-ddf43b94]{cursor:move;margin-right:8px;color:#c5c8ce}.zone-item-main[data-v-ddf43b94]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.zone-item-title[data-v-ddf43b94]{font-size:13px}.zone-item-sub[data-v-ddf43b94]{font-size:12px;color:#808695}.zone-remove[data-v-ddf43b94]{color:#c5c8ce}.zone-remove[data-v-ddf43b94]:hover{color:#ed4014}.zone-empty[data-v-ddf43b94]{color:#c5c8ce;text-align:center;padding:24px 8px;font-size:12px}.prop-panel[data-v-1679f6db]{border:1px solid #e8eaec;border-radius:4px;background:#fff;height:100%;overflow:auto}.prop-title[data-v-1679f6db]{padding:8px 12px;font-weight:600;border-bottom:1px solid #e8eaec;background:#f8f8f9}.prop-empty[data-v-1679f6db]{color:#c5c8ce;text-align:center;padding:40px 12px}.prop-form[data-v-1679f6db]{padding:12px 12px 24px}.live-preview[data-v-4e8b6b06]{border:1px solid #e8eaec;border-radius:4px;background:#fff;margin-top:12px}.preview-title[data-v-4e8b6b06]{padding:8px 12px;font-weight:600;border-bottom:1px solid #e8eaec;background:#f8f8f9}.preview-body[data-v-4e8b6b06]{padding:12px}.preview-search[data-v-4e8b6b06]{margin-bottom:12px}.preview-form-wrap[data-v-4e8b6b06]{margin-top:16px;padding-top:12px;border-top:1px dashed #e8eaec}.preview-form-title[data-v-4e8b6b06]{font-weight:600;margin-bottom:8px}.gen-panel[data-v-073f47a2]{border:1px solid #e8eaec;border-radius:4px;background:#fff}.gen-title[data-v-073f47a2]{padding:8px 12px;font-weight:600;border-bottom:1px solid #e8eaec;background:#f8f8f9}.gen-form[data-v-073f47a2]{padding:12px}.path-box[data-v-073f47a2]{padding:0 12px 8px;font-size:12px;color:#515a6e}.rel-box[data-v-073f47a2]{padding:0 12px 12px}.rel-head[data-v-073f47a2]{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;margin-bottom:6px;font-size:12px}.code-tabs[data-v-073f47a2]{padding:0 12px 12px}.codegen-designer[data-v-0ab6b970]{padding:8px 0 24px}.designer-toolbar[data-v-0ab6b970]{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;margin-bottom:10px}.toolbar-table[data-v-0ab6b970]{margin-left:12px;font-weight:600;font-size:16px}.global-config[data-v-0ab6b970]{background:#fff;border:1px solid #e8eaec;border-radius:4px;padding:8px 8px 0;margin-bottom:10px}.designer-main[data-v-0ab6b970]{display:grid;grid-template-columns:280px 1fr 300px;gap:10px;min-height:420px}.col-fields[data-v-0ab6b970],.col-props[data-v-0ab6b970],.col-zones[data-v-0ab6b970]{min-height:0}.col-fields[data-v-0ab6b970]{border:1px solid #e8eaec;border-radius:4px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.col-title[data-v-0ab6b970]{padding:8px 12px;font-weight:600;border-bottom:1px solid #e8eaec;background:#f8f8f9}.field-pool[data-v-0ab6b970]{overflow:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:560px;padding:6px}.pool-item[data-v-0ab6b970]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:6px;border-bottom:1px dashed #eee}.pool-name[data-v-0ab6b970]{cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.pool-sub[data-v-0ab6b970]{font-size:12px;color:#808695}.pool-checks[data-v-0ab6b970]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px}@media (max-width:1200px){.designer-main[data-v-0ab6b970]{grid-template-columns:1fr}}