/*! on-codemerge v1.2.14 @author Pavel Kuzmin @license MIT @homepage https://s00d.github.io/on-codemerge/ @repository git+https://github.com/s00d/on-codemerge.git Copyright (c) 2025 Pavel Kuzmin - Built on 2025-09-02T12:37:26.743Z */
@charset "UTF-8";.form-builder-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:1rem}.form-builder-container .add-field-button{background-color:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.form-builder-container .add-field-button:hover,html.dark .form-builder-container .add-field-button{background-color:#2563eb}html.dark .form-builder-container .add-field-button:hover{background-color:#1d4ed8}.form-builder-container .field-container{margin-bottom:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb}html.dark .form-builder-container .field-container{border-color:#374151;background-color:#1f2937}.form-builder-container .field-type-select,.form-builder-container .field-label-input,.form-builder-container .field-regex-input{width:100%;padding:.75rem;margin-bottom:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease}.form-builder-container .field-type-select:focus,.form-builder-container .field-label-input:focus,.form-builder-container .field-regex-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}html.dark .form-builder-container .field-type-select,html.dark .form-builder-container .field-label-input,html.dark .form-builder-container .field-regex-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}html.dark .form-builder-container .field-type-select:focus,html.dark .form-builder-container .field-label-input:focus,html.dark .form-builder-container .field-regex-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-builder-container .field-required-checkbox{margin-right:.5rem}.form-builder-container .remove-field-button{background-color:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.form-builder-container .remove-field-button:hover,html.dark .form-builder-container .remove-field-button{background-color:#dc2626}html.dark .form-builder-container .remove-field-button:hover{background-color:#b91c1c}.options-container{margin-top:.5rem}.options-container .option-container{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.options-container .option-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease}.options-container .option-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}html.dark .options-container .option-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}html.dark .options-container .option-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.options-container .remove-option-button{background-color:#ef4444;color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:500;transition:background-color .2s ease}.options-container .remove-option-button:hover,html.dark .options-container .remove-option-button{background-color:#dc2626}html.dark .options-container .remove-option-button:hover{background-color:#b91c1c}.form-builder{width:100%;max-width:800px;margin:0 auto}.add-option-button{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.5rem;transition:background-color .2s ease;display:none}.add-option-button:hover,html.dark .add-option-button{background-color:#2563eb}html.dark .add-option-button:hover{background-color:#1d4ed8}.form-builder-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}html.dark .form-builder-tabs{border-bottom-color:#374151}.form-builder-tab{padding:.75rem 1.5rem;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease}.form-builder-tab:hover{color:#374151}.form-builder-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}html.dark .form-builder-tab{color:#9ca3af}html.dark .form-builder-tab:hover{color:#d1d5db}html.dark .form-builder-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.form-builder-panel{display:none}.form-builder-panel.active{display:block}.form-builder-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}html.dark .form-builder-actions{border-top-color:#374151}.form-builder-button{padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.fields-list{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff}html.dark .fields-list{border-color:#374151;background-color:#1f2937}.field-item{padding:.75rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease}.field-item:hover{background-color:#f9fafb}.field-item.selected{background-color:#dbeafe;border-left:3px solid #3b82f6}html.dark .field-item{border-bottom-color:#374151}html.dark .field-item:hover{background-color:#374151}html.dark .field-item.selected{background-color:#1e3a8a;border-left-color:#3b82f6}.field-editor{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff}html.dark .field-editor{border-color:#374151;background-color:#1f2937}.field-editor-group{margin-bottom:1rem}.field-editor-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}html.dark .field-editor-label{color:#d1d5db}.field-editor-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease}.field-editor-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}html.dark .field-editor-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}html.dark .field-editor-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-preview-container{padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}html.dark .form-preview-container{background-color:#1f2937;border-color:#374151}.preview-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#374151}html.dark .preview-title{color:#f9fafb}.preview-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}html.dark .preview-tabs{border-bottom-color:#374151}.preview-tab{padding:.75rem 1.5rem;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease}.preview-tab:hover{color:#374151}.preview-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}html.dark .preview-tab{color:#9ca3af}html.dark .preview-tab:hover{color:#d1d5db}html.dark .preview-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.preview-panel{margin-top:1.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}html.dark .preview-panel{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.preview-panel .preview-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .preview-panel .preview-title{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.preview-panel .preview-content{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;text-align:center;margin:auto}html.dark .preview-panel .preview-content{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.preview-panel .preview-content>.generated-form{margin:auto}.preview-panel .no-preview-message{text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}html.dark .preview-panel .no-preview-message{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.builder-content{display:flex;gap:1rem;height:100%}.templates-content{padding:1rem}.templates-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#374151}html.dark .templates-title{color:#f9fafb}.category-section{margin-bottom:1.5rem}.category-title{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#374151}html.dark .category-title{color:#d1d5db}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.template-card{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .2s ease}.template-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}html.dark .template-card{border-color:#374151;background-color:#1f2937}html.dark .template-card:hover{box-shadow:0 4px 6px -1px #0000004d}.template-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#374151}html.dark .template-title{color:#f9fafb}.template-description{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}html.dark .template-description{color:#9ca3af}.fields-count{font-size:.75rem;color:#6b7280;margin-bottom:.75rem}html.dark .fields-count{color:#9ca3af}.form-settings{width:320px;padding:1rem;border-right:1px solid #e5e7eb;background-color:#f9fafb}html.dark .form-settings{border-right-color:#374151;background-color:#1f2937}.settings-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#374151}html.dark .settings-title{color:#f9fafb}.setting-group{margin-bottom:1rem}.no-form-message{text-align:center;color:#6b7280;margin-top:2rem;font-size:.875rem}html.dark .no-form-message{color:#9ca3af}.preview-content{height:100%;padding:1rem}.form-builder-button{padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block}.form-builder-button.primary{background-color:#3b82f6;color:#fff}.form-builder-button.primary:hover{background-color:#2563eb}.form-builder-button.secondary{background-color:#6b7280;color:#fff}.form-builder-button.secondary:hover{background-color:#4b5563}.form-builder-button.danger{background-color:#ef4444;color:#fff}.form-builder-button.danger:hover{background-color:#dc2626}html.dark .form-builder-button.secondary{background-color:#4b5563}html.dark .form-builder-button.secondary:hover{background-color:#374151}.fields-panel{width:320px;padding:1rem;border-right:1px solid #e5e7eb;background-color:#f9fafb}html.dark .fields-panel{border-right-color:#374151;background-color:#1f2937}.fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.fields-title{font-size:1.125rem;font-weight:600;color:#374151}html.dark .fields-title{color:#f9fafb}.add-field-button{width:2rem;height:2rem;padding:0;font-size:1.125rem;border-radius:.375rem}.field-editor-panel{flex:1;padding:1rem;background-color:#fff}html.dark .field-editor-panel{background-color:#1f2937}.editor-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#374151}html.dark .editor-title{color:#f9fafb}.editor-content{height:100%;overflow-y:auto}.field-title{font-weight:500;color:#374151;margin-bottom:.25rem}html.dark .field-title{color:#f9fafb}.field-type{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}html.dark .field-type{color:#9ca3af}.field-actions{display:flex;gap:.25rem;margin-top:.5rem}.field-action-button{width:1.5rem;height:1.5rem;padding:0;font-size:.75rem;border-radius:.25rem}.no-field-message{text-align:center;color:#6b7280;margin-top:2rem;font-size:.875rem}html.dark .no-field-message{color:#9ca3af}.fields-title,.settings-title,.editor-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#374151}html.dark .fields-title,html.dark .settings-title,html.dark .editor-title{color:#f9fafb}.form-builder-modal,.templates-modal{position:fixed;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);min-width:800px;max-width:90vw;max-height:80vh;overflow:hidden}html.dark .form-builder-modal,html.dark .templates-modal{border-width:1px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.form-builder-modal .popup-content,.templates-modal .popup-content{padding:1.5rem;max-height:calc(80vh - 120px);overflow-y:auto}.form-builder-modal-content>:not([hidden])~:not([hidden]),.templates-modal-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.form-settings-panel{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}html.dark .form-settings-panel{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.form-settings-panel .settings-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .form-settings-panel .settings-title{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.form-settings-panel .setting-group{margin-bottom:1rem}.form-settings-panel .setting-group label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}html.dark .form-settings-panel .setting-group label{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.form-settings-panel .setting-group input,.form-settings-panel .setting-group select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-settings-panel .setting-group input:focus,.form-settings-panel .setting-group select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}html.dark .form-settings-panel .setting-group input,html.dark .form-settings-panel .setting-group select{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}html.dark .form-settings-panel .setting-group input:focus,html.dark .form-settings-panel .setting-group select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.form-builder-main{display:flex;gap:1.5rem;height:500px}.fields-panel,.field-editor-panel{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}html.dark .fields-panel,html.dark .field-editor-panel{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.fields-panel{display:flex;width:20rem;flex-direction:column}.fields-panel .fields-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}html.dark .fields-panel .fields-header{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.fields-panel .fields-header .fields-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .fields-panel .fields-header .fields-title{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.fields-panel .fields-header .add-field-button{height:2rem;width:2rem;cursor:pointer;border-radius:.375rem;border-style:none;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fields-panel .fields-header .add-field-button:hover,html.dark .fields-panel .fields-header .add-field-button{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}html.dark .fields-panel .fields-header .add-field-button:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.fields-panel .fields-list{flex:1 1 0%}.fields-panel .fields-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.fields-panel .fields-list{overflow-y:auto;padding:.5rem}.field-editor-panel{display:flex;flex:1 1 0%;flex-direction:column}.field-editor-panel .editor-title{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .field-editor-panel .editor-title{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.field-editor-panel .field-editor-content{flex:1 1 0%;overflow-y:auto}.field-item{cursor:pointer;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.field-item:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}html.dark .field-item{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}html.dark .field-item:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.field-item.selected{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}html.dark .field-item.selected{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.field-item .field-title{margin-bottom:.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .field-item .field-title{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.field-item .field-type{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}html.dark .field-item .field-type{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.field-item .field-actions{display:flex;gap:.25rem}.field-item .field-actions .field-action-button{height:1.5rem;width:1.5rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:0;font-size:.75rem;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.field-item .field-actions .field-action-button:hover:not(:disabled){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.field-item .field-actions .field-action-button:disabled{cursor:not-allowed;opacity:.5}html.dark .field-item .field-actions .field-action-button{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}html.dark .field-item .field-actions .field-action-button:hover:not(:disabled){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.no-fields,.no-field-message{margin-top:2rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}html.dark .no-fields,html.dark .no-field-message{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.templates-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.templates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.template-card{cursor:pointer;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.template-card:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}html.dark .template-card{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}html.dark .template-card:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.template-card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.template-card .template-card-header{margin-bottom:.75rem;display:flex;align-items:flex-start;justify-content:space-between}.template-card .template-card-header .template-card-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .template-card .template-card-header .template-card-title{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.template-card .template-card-header .template-card-category{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}html.dark .template-card .template-card-header .template-card-category{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.template-card .template-card-description{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}html.dark .template-card .template-card-description{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.template-card .template-card-fields{margin-bottom:.75rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}html.dark .template-card .template-card-fields{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.search-container,.filter-container{margin-bottom:1rem}.search-container label,.filter-container label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}html.dark .search-container label,html.dark .filter-container label{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.search-container input,.search-container select,.filter-container input,.filter-container select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.search-container input:focus,.search-container select:focus,.filter-container input:focus,.filter-container select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}html.dark .search-container input,html.dark .search-container select,html.dark .filter-container input,html.dark .filter-container select{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}html.dark .search-container input:focus,html.dark .search-container select:focus,html.dark .filter-container input:focus,html.dark .filter-container select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.form-preview-container{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}html.dark .form-preview-container{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.form-preview-container .preview-title{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}html.dark .form-preview-container .preview-title{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.form-preview-container .preview-content{padding:1rem}.form-builder-button{cursor:pointer;border-radius:.375rem;border-style:none;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-builder-button.primary{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.form-builder-button.primary:hover,html.dark .form-builder-button.primary{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}html.dark .form-builder-button.primary:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.form-builder-button.secondary{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.form-builder-button.secondary:hover,html.dark .form-builder-button.secondary{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}html.dark .form-builder-button.secondary:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.form-builder-button.danger{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.form-builder-button.danger:hover,html.dark .form-builder-button.danger{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}html.dark .form-builder-button.danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}@media (max-width: 1024px){.form-builder-modal,.templates-modal{min-width:90vw;max-width:95vw}.form-builder-main{flex-direction:column;height:auto}.fields-panel{width:100%;height:300px}.templates-grid{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media (max-width: 768px){.form-builder-modal,.templates-modal{height:100%;max-height:none;width:100%;max-width:none;border-radius:0;transform:none;top:0;left:0}.templates-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.form-preview-container{width:100%;max-width:none;left:0;transform:none}}