.field-properties[data-v-73acaa99]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.properties-header[data-v-73acaa99]{padding:16px;border-bottom:1px solid #eee;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}.properties-header h3[data-v-73acaa99]{margin:0;font-size:16px}.btn-close[data-v-73acaa99]{border:none;background:none;font-size:20px;cursor:pointer;color:#666}.properties-content[data-v-73acaa99]{padding:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.form-group[data-v-73acaa99]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.form-group label[data-v-73acaa99]{font-size:13px;font-weight:600;color:#444}.input[data-v-73acaa99]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.color-row[data-v-73acaa99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:6px 10px;border:1px solid #ddd;border-radius:6px}.color-input[data-v-73acaa99]{width:36px;height:36px;padding:2px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.color-hex[data-v-73acaa99]{font-family:monospace;font-size:13px;color:#555;background:#f3f4f6;padding:4px 8px;border-radius:4px}.align-toggle[data-v-73acaa99]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.align-btn[data-v-73acaa99]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 6px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;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;gap:5px}.align-btn.active[data-v-73acaa99]{border-color:#5b5bff;background:#f0f0ff;color:#5b5bff;font-weight:600}.preview-area[data-v-73acaa99]{background:#f8f9fa;border-radius:6px;padding:16px;border:1px solid #eee}.preview-btn[data-v-73acaa99]{border:none;border-radius:6px;font-weight:700;cursor:default}.field-properties[data-v-8253cd78]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.properties-header[data-v-8253cd78]{padding:16px;border-bottom:1px solid #eee;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}.properties-header h3[data-v-8253cd78]{margin:0;font-size:16px}.btn-close[data-v-8253cd78]{border:none;background:none;font-size:20px;cursor:pointer;color:#666}.properties-content[data-v-8253cd78]{padding:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.form-group[data-v-8253cd78]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.form-group label[data-v-8253cd78]{font-size:13px;font-weight:600;color:#444}.color-row[data-v-8253cd78]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:6px 10px;border:1px solid #ddd;border-radius:6px}.color-input[data-v-8253cd78]{width:36px;height:36px;padding:2px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.color-hex[data-v-8253cd78]{font-family:monospace;font-size:13px;color:#555;background:#f3f4f6;padding:4px 8px;border-radius:4px}.size-row[data-v-8253cd78]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.size-row input[type=range][data-v-8253cd78]{-webkit-box-flex:1;-ms-flex:1;flex:1}.size-val[data-v-8253cd78]{font-size:13px;font-weight:600;color:#555;min-width:36px}.align-toggle[data-v-8253cd78]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.align-btn[data-v-8253cd78]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 6px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;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;gap:5px}.align-btn.active[data-v-8253cd78]{border-color:#5b5bff;background:#f0f0ff;color:#5b5bff;font-weight:600}.preview-section-header[data-v-8253cd78]{padding:12px 16px;border-radius:6px;border-bottom:2px solid #e2e8f0}.preview-title-bar[data-v-8253cd78]{display:inline-block;padding-left:12px;border-left:4px solid}.form-builder-container[data-v-5cb02722]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;background:#f5f5f5}.success-modal-overlay[data-v-5cb02722]{position:fixed;inset:0;background:rgba(0,0,0,.45);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;z-index:99999}.success-modal[data-v-5cb02722]{width:420px;background:#fff;border-radius:20px;padding:35px 30px;text-align:center;-webkit-box-shadow:0 20px 50px rgba(0,0,0,.2);box-shadow:0 20px 50px rgba(0,0,0,.2);-webkit-animation:popupScale-5cb02722 .25s ease;animation:popupScale-5cb02722 .25s ease}.success-checkmark[data-v-5cb02722]{width:90px;height:90px;margin:0 auto 20px;border-radius:50%;background:#22c55e;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}.success-checkmark i[data-v-5cb02722]{color:#fff;font-size:42px}.success-modal h3[data-v-5cb02722]{font-size:24px;font-weight:700;color:#111827;margin-bottom:10px}.success-modal p[data-v-5cb02722]{color:#6b7280;margin-bottom:25px}.success-btn[data-v-5cb02722]{background:#22c55e;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;font-weight:600}.success-btn[data-v-5cb02722]:hover{opacity:.9}@-webkit-keyframes popupScale-5cb02722{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popupScale-5cb02722{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.form-builder-header[data-v-5cb02722]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 24px;background:#2a2a72;color:#fff}.form-builder-header[data-v-5cb02722],.header-actions[data-v-5cb02722]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-actions[data-v-5cb02722]{gap:10px}.builder-tabs[data-v-5cb02722]{display:-webkit-box;display:-ms-flexbox;display:flex;background:hsla(0,0%,100%,.1);border-radius:8px;padding:4px}.builder-tabs button[data-v-5cb02722]{padding:8px 16px;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:6px;font-weight:600;-webkit-transition:.3s;transition:.3s}.builder-tabs button.active[data-v-5cb02722]{background:#fff;color:#2a2a72}.left-sidebar[data-v-5cb02722]{width:300px;background:#fff;border-right:1px solid #ddd;overflow-y:auto}.right-sidebar[data-v-5cb02722]{width:0;overflow:hidden;background:#fff;border-left:0;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-flex-negative:0;flex-shrink:0}.right-sidebar.open[data-v-5cb02722]{width:340px;border-left:1px solid #ddd;overflow-y:auto}.format-toolbar[data-v-5cb02722]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;margin-top:5px}.format-toolbar button[data-v-5cb02722]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px}.format-toolbar button.active[data-v-5cb02722]{background:#3498db;color:#fff;border-color:#2980b9}.form-builder-layout[data-v-5cb02722]{overflow:hidden}.center-canvas[data-v-5cb02722],.form-builder-layout[data-v-5cb02722]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.center-canvas[data-v-5cb02722]{overflow-y:auto;padding:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f0f2f5;min-width:0}.success-canvas[data-v-5cb02722]{width:100%;min-width:100%;min-height:700px;background:#fff;position:relative;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;cursor:default}.form-builder-ref-wrapper[data-v-5cb02722],[ref=formBuilderRef][data-v-5cb02722]{width:100%}.element-wrapper-success[data-v-5cb02722]{position:absolute;outline:2px solid transparent;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:move;z-index:10}.element-wrapper-success.active[data-v-5cb02722]{outline:2px dashed #3498db}.delete-btn-success[data-v-5cb02722]{position:absolute;top:-12px;right:-12px;background:#ff4757;color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:11}.element-wrapper-success:hover .delete-btn-success[data-v-5cb02722]{display:-webkit-box;display:-ms-flexbox;display:flex}.palette-item-success[data-v-5cb02722]{padding:12px;background:#f8f9fa;border:1px solid #ddd;margin-bottom:8px;border-radius:6px;cursor:-webkit-grab;cursor:grab}.palette-item-success[data-v-5cb02722]:hover{border-color:#2a2a72;background:#f0f0ff}.guide-x[data-v-5cb02722]{position:absolute;left:0;right:0;height:1px;border-top:1px dashed #3498db;pointer-events:none;z-index:5}.guide-y[data-v-5cb02722]{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed #3498db;pointer-events:none;z-index:5}.btn-publish[data-v-5cb02722]{background:#5b5bff;color:#fff;border:none;padding:8px 20px;border-radius:4px;font-weight:700;cursor:pointer}.modal-overlay[data-v-5cb02722]{position:fixed;inset:0;background:rgba(0,0,0,.45);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;z-index:9999}.modal-box[data-v-5cb02722]{background:#fff;border-radius:16px;padding:40px;text-align:center;width:340px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:0 20px 60px rgba(0,0,0,.15)}.modal-icon[data-v-5cb02722]{width:80px;height:80px;margin:0 auto 20px}.circle[data-v-5cb02722]{stroke:#22c55e;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;-webkit-animation:drawCircle-5cb02722 .6s ease forwards;animation:drawCircle-5cb02722 .6s ease forwards}.check[data-v-5cb02722]{stroke:#22c55e;stroke-width:3;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:drawCheck-5cb02722 .4s ease .6s forwards;animation:drawCheck-5cb02722 .4s ease .6s forwards}@-webkit-keyframes drawCircle-5cb02722{to{stroke-dashoffset:0}}@keyframes drawCircle-5cb02722{to{stroke-dashoffset:0}}@-webkit-keyframes drawCheck-5cb02722{to{stroke-dashoffset:0}}@keyframes drawCheck-5cb02722{to{stroke-dashoffset:0}}.preview-dropdown[data-v-5cb02722]{position:relative}.preview-dropdown-menu[data-v-5cb02722]{position:absolute;top:110%;right:0;min-width:220px;background:#fff;border-radius:8px;-webkit-box-shadow:0 6px 20px rgba(0,0,0,.15);box-shadow:0 6px 20px rgba(0,0,0,.15);overflow:hidden;z-index:999;border:1px solid #e5e7eb}.preview-dropdown-menu .dropdown-item[data-v-5cb02722]{width:100%;border:none;background:#fff;padding:12px 16px;text-align:left;cursor:pointer;-webkit-transition:.2s;transition:.2s}.preview-dropdown-menu .dropdown-item[data-v-5cb02722]:hover{background:#f3f4f6}