.fb-layout[data-v-195c2a8d]{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:500px}.fb-toolbar[data-v-195c2a8d]{align-items:center;background:#1e1e2e;border-bottom:1px solid #2a2a3e;display:flex;justify-content:space-between;padding:12px 16px}.toolbar-center[data-v-195c2a8d],.toolbar-left[data-v-195c2a8d],.toolbar-right[data-v-195c2a8d]{align-items:center;display:flex;gap:12px}.form-title-edit .title-input[data-v-195c2a8d]{background:transparent;border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:600;padding:4px 8px}.form-title-edit .title-input[data-v-195c2a8d]:hover{background:#2a2a3e}.form-title-edit .title-input[data-v-195c2a8d]:focus{background:#2a2a3e;outline:1px solid #6366f1}.auto-save-indicator[data-v-195c2a8d]{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:6px}.auto-save-indicator.saved[data-v-195c2a8d]{color:#10b981}.auto-save-indicator .spin[data-v-195c2a8d]{animation:spin-195c2a8d 1s linear infinite}@keyframes spin-195c2a8d{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tool-btn[data-v-195c2a8d]{align-items:center;background:#2a2a3e;border:1px solid #3a3a4e;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.tool-btn[data-v-195c2a8d]:hover:not(:disabled){background:#3a3a4e;color:#fff}.tool-btn[data-v-195c2a8d]:disabled{cursor:not-allowed;opacity:.4}.tool-btn.active[data-v-195c2a8d]{background:#6366f1;border-color:#6366f1;color:#fff}.tool-btn.secondary[data-v-195c2a8d]{background:transparent}.tool-btn.primary[data-v-195c2a8d]{background:#6366f1;border-color:#6366f1;color:#fff}.toolbar-divider[data-v-195c2a8d]{background:#3a3a4e;height:24px;width:1px}.wizard-steps[data-v-195c2a8d]{background:#252536;border-bottom:1px solid #2a2a3e;display:flex;gap:8px;padding:12px 16px}.wizard-step[data-v-195c2a8d]{align-items:center;background:#2a2a3e;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s}.wizard-step.active[data-v-195c2a8d]{background:#6366f1}.wizard-step.completed[data-v-195c2a8d]{background:#10b981}.step-number[data-v-195c2a8d]{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.step-label[data-v-195c2a8d]{color:#9ca3af;font-size:12px}.wizard-step.active .step-label[data-v-195c2a8d],.wizard-step.completed .step-label[data-v-195c2a8d]{color:#fff}.fb-main[data-v-195c2a8d]{display:flex;flex:1;overflow:hidden}.fb-sidebar[data-v-195c2a8d]{background:#1a1a2a;border-right:1px solid #2a2a3e;overflow-y:auto;padding:16px;width:260px}.sidebar-section[data-v-195c2a8d]{margin-bottom:24px}.sidebar-section h3[data-v-195c2a8d]{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.field-grid[data-v-195c2a8d]{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.field-type-btn[data-v-195c2a8d]{align-items:center;background:#252536;border:1px solid #2a2a3e;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 8px;transition:all .2s}.field-type-btn[data-v-195c2a8d]:hover{background:#2d2d42;border-color:#6366f1}.ft-icon[data-v-195c2a8d]{color:#6366f1}.ft-label[data-v-195c2a8d]{color:#9ca3af;font-size:11px}.settings-form[data-v-195c2a8d]{gap:12px}.setting-item[data-v-195c2a8d],.settings-form[data-v-195c2a8d]{display:flex;flex-direction:column}.setting-item[data-v-195c2a8d]{gap:4px}.setting-item span[data-v-195c2a8d]{color:#6b7280;font-size:12px}.setting-item input[data-v-195c2a8d],.setting-item textarea[data-v-195c2a8d]{background:#252536;border:1px solid #2a2a3e;border-radius:6px;color:#fff;font-size:12px;padding:8px}.setting-item.checkbox[data-v-195c2a8d]{align-items:center;flex-direction:row}.setting-item.checkbox input[data-v-195c2a8d]{width:auto}.fb-preview[data-v-195c2a8d]{display:flex;flex:1;flex-direction:column;overflow:hidden}.preview-header[data-v-195c2a8d]{background:#1a1a2a;border-bottom:1px solid #2a2a3e;padding:12px 16px}.preview-tabs[data-v-195c2a8d]{display:flex;gap:4px}.preview-tab[data-v-195c2a8d]{background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;padding:8px 16px}.preview-tab.active[data-v-195c2a8d]{background:#252536;color:#fff}.preview-content[data-v-195c2a8d]{background:#0f0f1a;flex:1;overflow-y:auto;padding:24px}.empty-canvas[data-v-195c2a8d]{align-items:center;color:#4b5563;display:flex;flex-direction:column;justify-content:center;min-height:400px}.empty-canvas svg[data-v-195c2a8d]{margin-bottom:16px}.empty-canvas h3[data-v-195c2a8d]{color:#6b7280;font-size:18px;margin-bottom:8px}.empty-canvas p[data-v-195c2a8d]{font-size:14px}.template-quick[data-v-195c2a8d]{align-items:center;display:flex;gap:8px;margin-top:24px}.template-quick span[data-v-195c2a8d]{color:#4b5563;font-size:12px}.template-quick button[data-v-195c2a8d]{background:#252536;border:1px solid #2a2a3e;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:12px;padding:6px 12px}.template-quick button[data-v-195c2a8d]:hover{background:#2d2d42;color:#fff}.form-preview-area[data-v-195c2a8d]{margin:0 auto;max-width:700px;position:relative}.watermark[data-v-195c2a8d]{align-items:center;bottom:-40px;color:#4b5563;display:flex;font-size:11px;gap:6px;position:absolute;right:0;z-index:10}.watermark strong[data-v-195c2a8d]{color:#6366f1;font-weight:600}.progress-bar[data-v-195c2a8d]{background:#2a2a3e;border-radius:2px;height:4px;margin-bottom:24px;overflow:hidden}.progress-fill[data-v-195c2a8d]{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s ease}.form-header[data-v-195c2a8d]{border-bottom:1px solid #2a2a3e;margin-bottom:32px;padding-bottom:16px}.form-header h2[data-v-195c2a8d]{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px}.form-header p[data-v-195c2a8d]{color:#9ca3af;font-size:14px}.fields-container[data-v-195c2a8d]{display:flex;flex-direction:column;gap:16px}.field-wrapper[data-v-195c2a8d]{background:#1a1a2a;border:1px solid #2a2a3e;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s}.field-wrapper[data-v-195c2a8d]:hover{border-color:#3a3a4e}.field-wrapper.selected[data-v-195c2a8d]{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.field-wrapper.error[data-v-195c2a8d]{border-color:#ef4444}.field-wrapper.drag-over[data-v-195c2a8d]{background:#10b9811a;border-color:#10b981}.field-wrapper.ghost[data-v-195c2a8d]{opacity:.5}.field-drag-area[data-v-195c2a8d]{align-items:flex-start;display:flex;padding-top:4px}.drag-handle[data-v-195c2a8d]{color:#4b5563;cursor:grab;padding:4px}.drag-handle[data-v-195c2a8d]:active{cursor:grabbing}.field-content[data-v-195c2a8d]{flex:1}.field-label-row[data-v-195c2a8d]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.field-label-row label[data-v-195c2a8d]{color:#e5e7eb;font-size:14px;font-weight:500}.required[data-v-195c2a8d]{color:#ef4444;margin-left:2px}.field-actions[data-v-195c2a8d]{display:flex;gap:4px}.field-action[data-v-195c2a8d]{background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px}.field-action[data-v-195c2a8d]:hover{background:#2a2a3e;color:#fff}.field-action.danger[data-v-195c2a8d]:hover{background:#fee2e2;color:#ef4444}.field-input[data-v-195c2a8d]{background:#252536;border:1px solid #2a2a3e;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;width:100%}.field-input[data-v-195c2a8d]:focus{border-color:#6366f1;outline:none}.checkbox-group[data-v-195c2a8d],.radio-group[data-v-195c2a8d]{display:flex;flex-direction:column;gap:10px}.checkbox-item[data-v-195c2a8d],.radio-item[data-v-195c2a8d]{align-items:center;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;gap:10px}.checkbox-item input[data-v-195c2a8d],.radio-item input[data-v-195c2a8d]{accent-color:#6366f1;height:18px;width:18px}.date-range[data-v-195c2a8d]{align-items:center;display:flex;gap:12px}.date-range span[data-v-195c2a8d]{color:#6b7280}.range-field[data-v-195c2a8d]{padding:12px 0}.range-labels[data-v-195c2a8d]{color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.range-value[data-v-195c2a8d]{color:#6366f1;font-weight:600}.range-input[data-v-195c2a8d]{accent-color:#6366f1;width:100%}.toggle-switch[data-v-195c2a8d]{align-items:center;cursor:pointer;display:flex;gap:12px}.toggle-switch input[data-v-195c2a8d]{display:none}.toggle-slider[data-v-195c2a8d]{background:#2a2a3e;border-radius:13px;height:26px;position:relative;transition:background .2s;width:48px}.toggle-slider[data-v-195c2a8d]:after{background:#fff;border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .2s;width:22px}.toggle-switch input:checked+.toggle-slider[data-v-195c2a8d]{background:#6366f1}.toggle-switch input:checked+.toggle-slider[data-v-195c2a8d]:after{transform:translate(22px)}.toggle-label[data-v-195c2a8d]{color:#9ca3af;font-size:14px}.color-field[data-v-195c2a8d]{display:flex;gap:12px}.color-input[data-v-195c2a8d]{cursor:pointer;height:40px;padding:2px;width:48px}.color-input[data-v-195c2a8d],.color-text[data-v-195c2a8d]{background:#252536;border:1px solid #2a2a3e;border-radius:6px}.color-text[data-v-195c2a8d]{color:#fff;flex:1;font-family:monospace;padding:10px 12px}.file-upload[data-v-195c2a8d]{position:relative}.file-input[data-v-195c2a8d]{display:none}.file-label[data-v-195c2a8d]{align-items:center;background:#252536;border:2px dashed #3a3a4e;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px}.file-label[data-v-195c2a8d]:hover{border-color:#6366f1;color:#6366f1}.rating-field[data-v-195c2a8d]{display:flex;gap:4px}.star-btn[data-v-195c2a8d]{background:none;border:none;color:#4b5563;cursor:pointer;padding:4px;transition:color .2s}.star-btn.active[data-v-195c2a8d],.star-btn[data-v-195c2a8d]:hover{color:#fbbf24}.field-error[data-v-195c2a8d]{color:#ef4444;font-size:12px;margin-top:6px}.field-condition[data-v-195c2a8d]{background:#6366f11a;border-radius:4px;font-size:11px;margin-top:12px;padding:8px 12px}.field-condition span[data-v-195c2a8d]{color:#6366f1}.field-condition code[data-v-195c2a8d]{color:#a5b4fc}.field-settings-panel[data-v-195c2a8d]{background:#1e1e2e;border:1px solid #312e81;border-radius:8px;margin-top:16px;padding:16px}.settings-panel-header[data-v-195c2a8d]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.settings-panel-header span[data-v-195c2a8d]{color:#a5b4fc;font-size:12px;font-weight:600}.close-settings[data-v-195c2a8d]{background:none;border:none;color:#6b7280;cursor:pointer;padding:2px}.close-settings[data-v-195c2a8d]:hover{color:#fff}.settings-grid[data-v-195c2a8d]{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.setting-field[data-v-195c2a8d]{display:flex;flex-direction:column;gap:4px}.setting-field span[data-v-195c2a8d]{color:#6b7280;font-size:11px}.setting-field input[data-v-195c2a8d]{background:#252536;border:1px solid #2a2a3e;border-radius:4px;color:#fff;font-size:12px;padding:6px 8px}.setting-field.checkbox[data-v-195c2a8d]{align-items:center;flex-direction:row}.setting-field.checkbox input[data-v-195c2a8d]{width:auto}.setting-field.checkbox span[data-v-195c2a8d]{color:#9ca3af}.condition-builder[data-v-195c2a8d]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;grid-column:span 2}.condition-title[data-v-195c2a8d]{color:#6366f1;font-size:11px;margin-bottom:4px;width:100%}.mini-input[data-v-195c2a8d],.mini-select[data-v-195c2a8d]{background:#252536;border:1px solid #2a2a3e;border-radius:4px;color:#fff;font-size:12px;padding:6px 8px}.mini-input[data-v-195c2a8d]{width:80px}.clear-condition[data-v-195c2a8d]{background:transparent;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;font-size:11px;padding:4px 8px}.options-editor[data-v-195c2a8d]{grid-column:span 2}.options-editor span[data-v-195c2a8d]{color:#6b7280;display:block;font-size:11px;margin-bottom:4px}.options-editor textarea[data-v-195c2a8d]{background:#252536;border:1px solid #2a2a3e;border-radius:4px;color:#fff;font-size:12px;padding:8px;resize:vertical;width:100%}.submit-btn[data-v-195c2a8d]{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:24px;padding:14px 28px;transition:background .2s}.submit-btn[data-v-195c2a8d]:hover{background:#5558e3}.json-preview[data-v-195c2a8d]{background:#1a1a2a;border-radius:8px;overflow:auto;padding:16px}.json-preview pre[data-v-195c2a8d]{margin:0}.json-preview code[data-v-195c2a8d]{color:#10b981;font-family:JetBrains Mono,monospace;font-size:12px}.modal-overlay[data-v-195c2a8d]{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content[data-v-195c2a8d]{background:#1a1a2a;border-radius:12px;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header[data-v-195c2a8d]{align-items:center;border-bottom:1px solid #2a2a3e;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3[data-v-195c2a8d]{color:#fff;font-size:16px}.close-btn[data-v-195c2a8d]{background:none;border:none;color:#6b7280;cursor:pointer}.close-btn[data-v-195c2a8d]:hover{color:#fff}.modal-body[data-v-195c2a8d]{overflow-y:auto;padding:20px}.template-grid[data-v-195c2a8d]{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.template-card[data-v-195c2a8d]{background:#252536;border:1px solid #2a2a3e;border-radius:8px;cursor:pointer;padding:20px;transition:all .2s}.template-card[data-v-195c2a8d]:hover{background:#2d2d42;border-color:#6366f1}.template-icon[data-v-195c2a8d]{color:#6366f1;margin-bottom:12px}.template-card h4[data-v-195c2a8d]{color:#fff;font-size:14px;margin-bottom:4px}.template-card p[data-v-195c2a8d]{color:#6b7280;font-size:12px}.output-panel[data-v-195c2a8d]{background:#1e1e2e;border-top:1px solid #2a2a3e;bottom:0;left:0;max-height:300px;overflow:auto;padding:16px 24px;position:fixed;right:0}.output-header[data-v-195c2a8d]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.output-header h4[data-v-195c2a8d]{color:#fff;font-size:14px}.output-header button[data-v-195c2a8d]{background:#2a2a3e;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:12px;padding:6px 12px}.output-panel pre[data-v-195c2a8d]{color:#10b981;font-family:JetBrains Mono,monospace;font-size:12px;margin:0}.modal-enter-active[data-v-195c2a8d],.modal-leave-active[data-v-195c2a8d]{transition:opacity .2s}.modal-enter-from[data-v-195c2a8d],.modal-leave-to[data-v-195c2a8d]{opacity:0}.slide-up-enter-active[data-v-195c2a8d],.slide-up-leave-active[data-v-195c2a8d]{transition:transform .3s ease}.slide-up-enter-from[data-v-195c2a8d],.slide-up-leave-to[data-v-195c2a8d]{transform:translateY(100%)}