.app-container{--fb-sidebar-width:280px;--fb-sidebar-right-width:320px;--fb-header-height:48px;--fb-sidebar-transition:0.3s ease;display:flex;height:100vh;height:100dvh;overflow:hidden;font-size:14px;background:var(--bs-tertiary-bg)}.sidebar-left,.sidebar-right{width:var(--fb-sidebar-width);background:var(--bs-body-bg);border-right:1px solid var(--bs-border-color);display:flex;flex-direction:column;flex-shrink:0;transition:transform var(--fb-sidebar-transition),width var(--fb-sidebar-transition);z-index:100}.sidebar-right{width:var(--fb-sidebar-right-width);border-right:none;border-left:1px solid var(--bs-border-color)}.sidebar-left.collapsed{width:0;overflow:hidden;border-right:none}.sidebar-right.collapsed{width:0;overflow:hidden;border-left:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--fb-header-height);border-bottom:1px solid var(--bs-border-color);background:var(--bs-secondary-bg)}.sidebar-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sidebar-header h6{font-weight:600;font-size:13px;color:var(--bs-body-color)}.sidebar-content{flex:1;overflow-y:auto;padding:12px}.sidebar-section{display:flex;flex-direction:column}.sidebar-section-forms{height:240px;border-bottom:1px solid var(--bs-border-color)}.sidebar-section-elements{flex:1;min-height:0}.sidebar-search{padding:8px 12px}.search-input-wrapper{position:relative}.search-input-wrapper i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--bs-tertiary-color);font-size:12px}.search-input-wrapper input{padding-left:30px;padding-right:28px;font-size:12px}.btn-close-search{position:absolute;right:8px;top:50%;transform:translateY(-50%) scale(.65);display:none;opacity:.4}.btn-close-search:hover{opacity:.8}.search-input-wrapper input:not(:placeholder-shown)~.btn-close-search{display:block}.search-input-wrapper input::placeholder{color:var(--bs-tertiary-color)}.form-list-item{display:flex;align-items:center;padding:8px 12px;margin-bottom:4px;border-radius:var(--bs-border-radius-sm);cursor:pointer;transition:background .15s}.form-list-item:hover{background:var(--bs-secondary-bg)}.form-list-item.active{background:rgba(var(--bs-primary-rgb),.1);border:1px solid var(--bs-primary)}.form-list-item-icon{margin-right:10px;color:var(--bs-secondary-color)}.form-list-item-name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-list-item-actions{display:flex;gap:4px;visibility:hidden}.form-list-item:hover .form-list-item-actions{visibility:visible}.form-list-item-actions .btn{padding:2px 6px;font-size:12px}.forms-empty{text-align:center;padding:20px;color:var(--bs-secondary-color);font-size:13px}.forms-empty i{font-size:32px;display:block;margin-bottom:8px;opacity:.5}.element-category{margin-bottom:16px}.element-category-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--bs-secondary-color);margin-bottom:8px;padding-left:4px}.element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.element-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);cursor:grab;transition:all .15s;user-select:none}.element-item:hover{background:rgba(var(--bs-primary-rgb),.1);border-color:var(--bs-primary);transform:translateY(-1px);box-shadow:var(--bs-box-shadow-sm)}.element-item:active{cursor:grabbing}.element-item.dragging{opacity:.5}.element-item-icon{font-size:20px;color:var(--bs-primary);margin-bottom:4px}.element-item-label{font-size:11px;text-align:center;color:var(--bs-body-color)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bs-tertiary-bg)}.editor-tabs{background:var(--bs-body-bg);border-bottom:1px solid var(--bs-border-color);display:flex;align-items:center;height:var(--fb-header-height);flex-shrink:0}.editor-tabs .nav-tabs{border-bottom:none;padding:0 16px;height:100%;display:flex;align-items:center}.view-size-controls{margin-left:auto;padding:0 16px;display:flex;align-items:center}.view-size-controls .btn-group .btn{padding:4px 10px}.view-size-controls .btn-group .btn-outline-primary.active{color:#fff!important;background-color:var(--bs-primary);border-color:var(--bs-primary)}@media (max-width:1399px) and (min-width:1025px){.view-desktop-btn{display:none!important}}.editor-tabs .nav-link{border:none;border-bottom:2px solid transparent;border-radius:0;padding:0 16px;height:100%;display:flex;align-items:center;color:var(--bs-secondary-color);font-size:13px;font-weight:500}.editor-tabs .nav-link:hover{border-bottom-color:var(--bs-border-color);color:var(--bs-body-color)}.editor-tabs .nav-link.active{border-bottom-color:var(--bs-primary);color:var(--bs-primary)}.editor-toolbar{display:flex;align-items:center;padding:8px 16px;background:var(--bs-body-bg);border-bottom:1px solid var(--bs-border-color);gap:16px}.form-title-container{flex-shrink:0}.form-title-text{font-size:16px;font-weight:600;color:var(--bs-emphasis-color);padding:4px 8px}.page-navigation{display:flex;align-items:center;gap:4px;margin-left:auto;overflow-x:auto}.preview-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.json-controls .btn,.preview-controls .btn{padding:6px 12px;font-size:12px}.json-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.page-tab{display:flex;align-items:center;padding:6px 12px;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-sm);font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.page-tab:hover{border-color:var(--bs-primary)}.page-tab.active{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.page-tab-delete{margin-left:8px;opacity:0;transition:opacity .15s}.page-tab:hover .page-tab-delete{opacity:1}.page-tab.active .page-tab-delete{color:#fff}.btn-add-page{padding:6px 10px;font-size:12px}.editor-wrapper,.preview-wrapper{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(var(--bs-body-color-rgb),.03) 8px,rgba(var(--bs-body-color-rgb),.03) 16px),var(--bs-secondary-bg)}.form-container{background:var(--bs-secondary-bg);min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:24px;transition:width .3s ease;box-shadow:0 0 20px rgba(0,0,0,.1)}.form-container.view-mobile{width:375px}.form-container.view-tablet{width:768px}.form-container.view-desktop{width:100%}.form-card,.preview-card{width:100%;max-width:600px;background:var(--bs-body-bg);border-radius:var(--bs-border-radius-lg);box-shadow:var(--bs-box-shadow);min-height:400px;display:flex;flex-direction:column}.form-header{padding:24px 36px 0 36px}.form-header-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--bs-emphasis-color)}.form-header-description{margin:8px 0 0 0;color:var(--bs-secondary-color);font-size:14px}.form-header-description:empty{display:none}.form-footer{padding:16px 36px 24px 36px;border-top:1px solid var(--bs-border-color);margin-top:auto}.form-dropzone{flex:1;min-height:200px;padding:24px;position:relative}.dropzone-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:150px;color:var(--bs-tertiary-color);text-align:center}.dropzone-empty i{font-size:48px;margin-bottom:16px}.dropzone-empty p{margin:0;font-size:14px}body.is-dragging .editor-wrapper .form-dropzone{background:rgba(var(--bs-primary-rgb),.05)}.form-element-wrapper{position:relative;border:2px solid transparent;border-radius:var(--bs-border-radius-sm);transition:border-color .15s;margin-top:.25rem;margin-bottom:.25rem}.form-element-wrapper::before{content:"";position:absolute;left:-24px;top:0;bottom:0;width:24px}.form-element-wrapper:hover{border-color:var(--bs-primary)}.form-element-wrapper.selected{border-color:var(--bs-primary);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.15)}body.is-dragging .form-element-wrapper.selected{border-color:transparent;box-shadow:none}body.is-dragging .form-element-wrapper:hover{border-color:transparent}body.is-dragging .form-element-wrapper::before{display:none}.form-element-wrapper.is-hidden{border:2px dashed var(--bs-tertiary-color);opacity:.6;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px)}.form-element-wrapper.is-hidden::after{content:"Hidden";position:absolute;top:4px;left:50%;transform:translateX(-50%);background:var(--bs-secondary-color);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;z-index:5}.form-element-wrapper.is-hidden:hover{border-color:var(--bs-secondary-color);opacity:.8}.form-element-wrapper.is-hidden.selected{border-color:var(--bs-primary);border-style:dashed}.element-with-zones{position:relative}.element-with-zones>.drop-zone-inline{position:absolute;top:16px;bottom:16px;width:24px;z-index:5}.drop-zone{border:2px dashed var(--bs-border-color);border-radius:var(--bs-border-radius-sm);background:0 0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,border-color .15s;pointer-events:none}.drop-zone i{color:var(--bs-tertiary-color);font-size:14px;transition:color .15s}.form-dropzone.dragging-active .drop-zone{opacity:1;pointer-events:auto}.drop-zone.drag-over{border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.1);border-style:solid}.drop-zone.drag-over i{color:var(--bs-primary)}.drop-zone-block{position:absolute;left:24px;right:24px;height:24px;margin:0;opacity:0;pointer-events:none;z-index:5;transform:translateY(-50%)}.form-dropzone.dragging-active .drop-zone-block{opacity:1;pointer-events:auto}.element-controls{position:absolute;top:-1px;right:-1px;display:none;gap:2px;background:var(--bs-primary);padding:2px;border-radius:0 var(--bs-border-radius-sm) 0 var(--bs-border-radius-sm);z-index:10}.form-element-wrapper:hover .element-controls{display:flex}.element-controls .btn{padding:4px 8px;font-size:12px;color:#fff;background:0 0;border:none}.element-controls .btn:hover{background:rgba(255,255,255,.2)}.element-drag-handle{position:absolute;left:-22px;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:20px;height:40px;background:var(--bs-primary);color:#fff;border-radius:var(--bs-border-radius-sm) 0 0 var(--bs-border-radius-sm);cursor:grab;z-index:10}.form-element-wrapper:hover .element-drag-handle{display:flex}.element-drag-handle:active{cursor:grabbing}.element-content{padding:12px}.element-content .mb-3{margin-bottom:0!important}.drop-placeholder{height:60px;border:2px dashed var(--bs-primary);border-radius:var(--bs-border-radius);background:rgba(var(--bs-primary-rgb),.05);margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:var(--bs-primary);font-size:13px}.preview-card{padding:0}.powered-by-slapform{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0;font-size:11px;color:var(--bs-tertiary-color);text-decoration:none;transition:color .15s}.powered-by-slapform:hover{color:var(--bs-secondary-color)}.powered-by-logo{width:14px;height:14px;opacity:.6}.preview-card .form-preview{min-height:auto;padding:24px 36px}.json-wrapper{flex:1;padding:24px;overflow:auto}.json-viewer{background:#1e1e1e;color:#d4d4d4;padding:20px;border-radius:var(--bs-border-radius);font-family:"Fira Code",Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0;min-height:100%}.json-key{color:#9cdcfe}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean{color:#569cd6}.json-null{color:#569cd6}.options-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--bs-tertiary-color);text-align:center}.options-empty i{font-size:32px;margin-bottom:12px}.option-group{margin-bottom:20px}.option-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--bs-secondary-color);margin-bottom:12px;padding-bottom:4px;border-bottom:1px solid var(--bs-border-color)}.option-item{margin-bottom:12px}.option-label{display:block;font-size:12px;font-weight:500;color:var(--bs-body-color);margin-bottom:4px}.option-item input[type=email],.option-item input[type=number],.option-item input[type=text],.option-item select,.option-item textarea{width:100%;padding:6px 10px;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-sm);font-size:13px;background:var(--bs-body-bg);color:var(--bs-body-color)}.option-item input:focus,.option-item select:focus,.option-item textarea:focus{outline:0;border-color:var(--bs-primary);box-shadow:0 0 0 2px rgba(var(--bs-primary-rgb),.1)}.option-item textarea{min-height:80px;resize:vertical}.option-checkbox{display:flex;align-items:center;gap:8px}.option-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.option-checkbox label{font-size:13px;color:var(--bs-body-color);cursor:pointer}.app-container ::-webkit-scrollbar,.app-container::-webkit-scrollbar{width:8px;height:8px}.app-container ::-webkit-scrollbar-track,.app-container::-webkit-scrollbar-track{background:var(--bs-secondary-bg)}.app-container ::-webkit-scrollbar-thumb,.app-container::-webkit-scrollbar-thumb{background:var(--bs-border-color);border-radius:4px}.app-container ::-webkit-scrollbar-thumb:hover,.app-container::-webkit-scrollbar-thumb:hover{background:var(--bs-secondary-color)}.app-container .hidden{display:none!important}.tab-content{display:flex;flex-direction:column;overflow:hidden}.tab-pane{display:none;flex-direction:column}.tab-pane.show.active{display:flex}.form-row-wrapper{display:flex;flex-wrap:nowrap;position:relative;margin-top:.25rem;margin-bottom:.25rem}.form-row-wrapper>.form-element-wrapper{flex:1;min-width:0;margin-top:0;margin-bottom:0}.form-element-wrapper.in-row{flex:1;min-width:0;margin-top:0;margin-bottom:0}.form-row-wrapper>.drop-zone-inline{flex-shrink:0;align-self:stretch;width:0;min-width:0;overflow:hidden;border:none}.form-dropzone.dragging-active .form-row-wrapper>.drop-zone-inline:not(:first-child):not(:last-child){width:24px;min-width:24px;border:2px dashed var(--bs-border-color);overflow:visible;z-index:10;position:relative;margin-top:16px;margin-bottom:16px}.form-dropzone.dragging-active .form-row-wrapper>.drop-zone-inline:first-child,.form-dropzone.dragging-active .form-row-wrapper>.drop-zone-inline:last-child{position:absolute;top:16px;bottom:16px;width:24px;min-width:24px;border:2px dashed var(--bs-border-color);overflow:visible;z-index:10;opacity:1;pointer-events:auto}.form-dropzone.dragging-active .form-row-wrapper>.drop-zone-inline:first-child{left:-14px}.form-dropzone.dragging-active .form-row-wrapper>.drop-zone-inline:last-child{right:-14px}.form-dropzone.dragging-active .form-row-wrapper>.drop-zone-inline.drag-over,.form-dropzone.dragging-active .form-row-wrapper>.drop-zone-inline:not(:first-child):not(:last-child).drag-over{border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.1);border-style:solid}.form-element-wrapper.dragging{opacity:.4}.element-item.dragging{opacity:.4;transform:scale(.95)}.form-control-color{width:40px;padding:2px}.choices-editor{max-height:200px;overflow-y:auto}.choice-item input{font-size:12px}.element-type-header{background:var(--bs-secondary-bg);margin:-12px -12px 12px -12px;padding:12px;border-radius:var(--bs-border-radius-sm) var(--bs-border-radius-sm) 0 0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-sm);cursor:pointer;transition:all .15s;color:var(--bs-secondary-color)}.sidebar-toggle:hover{background:var(--bs-secondary-bg);color:var(--bs-primary);border-color:var(--bs-primary)}.toggle-left-sidebar{margin-right:8px}.toggle-right-sidebar{margin-left:8px}@media (min-width:1025px){.new-form-text,.sidebar-close-left,.sidebar-close-right,.toggle-left-sidebar,.toggle-right-sidebar{display:none!important}#btn-form-settings{margin-right:16px}}@media (max-width:1024px){.view-size-controls{display:none!important}#btn-form-settings{margin-left:auto}.form-list-item-actions{visibility:visible}}.sidebar-close-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:var(--bs-border-radius-sm);color:var(--bs-secondary-color);cursor:pointer;z-index:10;transition:all .15s}.sidebar-close-btn:hover{background:var(--bs-secondary-bg);color:var(--bs-danger)}.sidebar-header .sidebar-close-btn{position:static}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99;opacity:0;transition:opacity var(--fb-sidebar-transition)}.sidebar-overlay.active{display:block;opacity:1}@media (max-width:1024px){.sidebar-left,.sidebar-right{position:fixed;top:0;bottom:0;width:var(--fb-sidebar-width);box-shadow:var(--bs-box-shadow-lg);transform:translateX(-100%)}.sidebar-left{left:0}.sidebar-right{right:0;transform:translateX(100%);width:var(--fb-sidebar-right-width)}.sidebar-left.open{transform:translateX(0)}.sidebar-right.open{transform:translateX(0)}.sidebar-left.collapsed,.sidebar-right.collapsed{width:var(--fb-sidebar-width);overflow:visible;border-right:1px solid var(--bs-border-color)}.sidebar-right.collapsed{width:var(--fb-sidebar-right-width);border-left:1px solid var(--bs-border-color);border-right:none}.main-content{width:100%}.form-card,.preview-card{max-width:100%}}@media (max-width:768px){.form-container{padding:12px}.editor-toolbar{padding:8px 12px}.form-title-text{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-tabs{padding:0 8px}.editor-tabs .nav-tabs{padding:0 4px}.editor-tabs .nav-link{padding:0 10px;font-size:12px}.page-tab-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-dropzone{padding:16px}.form-header{padding:16px 20px 0 20px}.form-footer{padding:12px 20px 16px 20px}.preview-card .form-preview{padding:16px 20px}}@media (max-width:480px){.sidebar-left,.sidebar-right{width:100%;max-width:300px}.sidebar-right{max-width:300px}.editor-tabs .nav-link i{display:none}.page-tab{padding:4px 8px;font-size:11px}.btn-add-page{padding:4px 8px}}/*# sourceMappingURL=index.bundle.css.map */