.field-preview .field-type-badge:not(.field-styled){opacity:0!important;transition:opacity .1s ease!important}.field-preview.field-styled .field-type-badge,.field-preview .field-type-badge.field-styled{opacity:1!important}.container-fluid[data-controller=form-builder] .field-preview,[data-controller=form-builder] .field-preview,.form-builder-container .field-preview,.field-preview.compact,.field-preview,div[data-field-id],div[data-field-type]{position:relative!important;margin-bottom:1rem!important;padding:1rem!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;box-shadow:0 1px 3px #0000001a!important;transition:all .2s ease!important;min-height:auto!important}[data-controller=form-builder] [data-field-id]{position:relative!important;margin-bottom:1rem!important;padding:1rem!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;box-shadow:0 1px 3px #0000001a!important;transition:all .2s ease!important}.container-fluid[data-controller=form-builder] .field-preview .field-type-badge,[data-controller=form-builder] .field-preview .field-type-badge,.form-builder-container .field-preview .field-type-badge,.field-preview .field-type-badge,.field-preview .field-type-badge.small,[data-field-id] .field-type-badge,[data-field-type] .field-type-badge,div[data-field-id] .field-type-badge.small,[data-controller=form-builder] [data-field-id] .field-type-badge{font-size:.75rem!important;color:#6b7280!important;background:#f3f4f6!important;padding:.25rem .5rem!important;border-radius:4px!important;text-transform:none!important;font-weight:400!important;text-transform:capitalize!important;border:none!important}.container-fluid[data-controller=form-builder] .field-preview .required-toggle,[data-controller=form-builder] .field-preview .required-toggle,.form-builder-container .field-preview .required-toggle,.field-preview .required-toggle{display:flex!important;align-items:center!important;gap:.5rem!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;font-size:.875rem!important;color:#6b7280!important}.container-fluid[data-controller=form-builder] .field-preview .required-toggle input[type=checkbox],[data-controller=form-builder] .field-preview .required-toggle input[type=checkbox],.form-builder-container .field-preview .required-toggle input[type=checkbox],.field-preview .required-toggle input[type=checkbox]{width:16px!important;height:16px!important;margin:0!important;cursor:pointer!important}.container-fluid[data-controller=form-builder] .toggle-slider,[data-controller=form-builder] .toggle-slider,.form-builder-container .toggle-slider,.field-preview .toggle-slider,.toggle-slider{display:none!important}.template-setup-form .setup-step{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem;transition:all .3s ease;position:relative}.template-setup-form .setup-step:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.template-setup-form .step-header{margin-bottom:1.5rem}.template-setup-form .step-number{display:flex;align-items:center;gap:1rem;font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:0}.template-setup-form .step-circle{width:3rem;height:3rem;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.template-setup-form .step-circle-final{background:#10b981}.template-setup-form .step-content{margin-left:4rem}.template-setup-form .form-control-lg,.template-setup-form .form-select-lg{font-size:1.1rem;padding:1rem;border-radius:8px;border:2px solid #d1d5db;transition:all .2s ease}.template-setup-form .form-control-lg:focus,.template-setup-form .form-select-lg:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.template-setup-form .form-label.fs-5{font-weight:600;color:#374151;margin-bottom:.75rem}.template-setup-form .form-check-lg{padding:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;cursor:pointer}.template-setup-form .form-check-lg:hover{border-color:#3b82f6;background:#f8faff}.template-setup-form .form-check-lg .form-check-input{width:1.5rem;height:1.5rem;margin-top:.125rem}.template-setup-form .form-check-lg .form-check-input:checked{background-color:#3b82f6;border-color:#3b82f6}.template-setup-form .form-check-lg .form-check-input:checked~.form-check-label{color:#3b82f6}.template-setup-form .form-check-lg .form-check-label{cursor:pointer;font-size:1rem;margin-left:.75rem;flex:1}.template-setup-form .purpose-options .purpose-option,.template-setup-form .sharing-option{margin-bottom:1rem}.template-setup-form .btn-lg{font-size:1.1rem;padding:.875rem 2rem;border-radius:8px;font-weight:600}[data-controller=form-builder] .field-preview,.form-builder-container .field-preview,.field-preview.compact{position:relative!important;margin-bottom:1.5rem!important;padding:0!important;border:1px solid #e0e0e0!important;border-left:4px solid #4285f4!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 4px #0000001a!important;transition:all .2s ease!important;overflow:hidden!important}.field-preview .field-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:1.5rem 1.5rem 0!important;margin-bottom:0!important}.field-preview .field-header-controls{display:flex!important;align-items:center!important;gap:.75rem!important;flex-shrink:0!important}.field-preview .field-header-controls .field-type-selector{position:relative!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem .75rem!important;background:#f8f9fa!important;border:1px solid #e0e0e0!important;border-radius:6px!important;font-size:.875rem!important;color:#5f6368!important;cursor:pointer!important;min-width:140px!important}.field-preview .field-header-controls .field-type-selector:hover{background:#f1f3f4!important;border-color:#d2d3d5!important}.field-preview .field-header-controls .field-image-icon{width:24px!important;height:24px!important;background:#f0f0f0!important;border:1px solid #e0e0e0!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#666!important;font-size:.75rem!important}.field-preview .field-header-controls .field-menu-dots{width:24px!important;height:24px!important;background:transparent!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#5f6368!important;cursor:pointer!important;transition:background-color .2s ease!important}.field-preview .field-header-controls .field-menu-dots:hover{background:#f1f3f4!important}.field-preview .field-header-controls{display:flex!important;align-items:center!important;gap:1rem!important}.field-preview .required-toggle{display:flex!important;align-items:center!important;gap:.5rem!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;font-size:.875rem!important;color:#6b7280!important}.field-preview .required-toggle input[type=checkbox]{width:16px!important;height:16px!important;margin:0!important;cursor:pointer!important}.field-preview .toggle-slider{display:none!important}.field-preview .control-btn{width:32px!important;height:32px!important;border:1px solid #d1d5db!important;background:#fff!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important}.field-preview .control-btn:hover{background:#f9fafb!important;border-color:#9ca3af!important}.field-preview .control-btn.delete-btn:hover{background:#fef2f2!important;border-color:#f87171!important;color:#dc2626!important}.field-preview .field-content{padding:1rem 1.5rem 1.5rem!important}.field-preview .field-label-input{width:100%!important;padding:.75rem 0!important;border:none!important;border-bottom:1px solid transparent!important;border-radius:0!important;font-size:1.125rem!important;font-weight:400!important;color:#202124!important;background:transparent!important;transition:border-color .2s ease!important;outline:none!important}.field-preview .field-label-input:hover{border-bottom-color:#dadce0!important}.field-preview .field-label-input:focus{border-bottom-color:#4285f4!important;border-bottom-width:2px!important}.field-preview .field-label-input::placeholder{color:#9aa0a6!important;font-weight:400!important}.field-preview .field-type-description{margin-top:.5rem!important;font-size:.875rem!important;color:#5f6368!important;font-weight:400!important}.field-preview .field-placeholder-input{width:100%!important;padding:.5rem 0!important;margin-top:.5rem!important;border:none!important;border-bottom:1px dotted #dadce0!important;border-radius:0!important;font-size:.875rem!important;color:#5f6368!important;background:transparent!important;transition:border-color .2s ease!important;outline:none!important;font-style:italic!important}.field-preview .field-placeholder-input:focus{border-bottom-color:#4285f4!important;border-bottom-style:solid!important;color:#202124!important;font-style:normal!important}.field-preview .field-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1rem 1.5rem!important;border-top:1px solid #f0f0f0!important;background:#fafafa!important;margin-top:1rem!important}.field-preview .field-actions-left,.field-preview .field-actions-right{display:flex!important;align-items:center!important;gap:1rem!important}.field-preview .action-btn{width:32px!important;height:32px!important;background:transparent!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#5f6368!important;cursor:pointer!important;transition:background-color .2s ease!important;font-size:.875rem!important}.field-preview .action-btn:hover{background:#f1f3f4!important}.field-preview .action-btn.delete-btn:hover{background:#fce8e6!important;color:#d33b2c!important}.field-preview .required-toggle-modern{display:flex!important;align-items:center!important;gap:.75rem!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.field-preview .required-toggle-modern .toggle-label{font-size:.875rem!important;color:#5f6368!important;font-weight:400!important}.field-preview .required-toggle-modern .toggle-switch{position:relative!important;width:36px!important;height:20px!important;background:#dadce0!important;border-radius:10px!important;transition:background-color .2s ease!important;cursor:pointer!important}.field-preview .required-toggle-modern .toggle-switch:before{content:""!important;position:absolute!important;top:2px!important;left:2px!important;width:16px!important;height:16px!important;background:#fff!important;border-radius:50%!important;transition:transform .2s ease!important;box-shadow:0 1px 3px #0003!important}.field-preview .required-toggle-modern input[type=checkbox]{opacity:0!important;position:absolute!important;width:100%!important;height:100%!important;margin:0!important;cursor:pointer!important}.field-preview .required-toggle-modern input[type=checkbox]:checked+.toggle-switch{background:#4285f4!important}.field-preview .required-toggle-modern input[type=checkbox]:checked+.toggle-switch:before{transform:translate(16px)!important}.field-preview .field-label-input,.field-preview .field-placeholder-input{width:100%!important;padding:.75rem!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:1rem!important;transition:all .2s ease!important}.field-preview .field-label-input:focus,.field-preview .field-placeholder-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview{position:relative!important;margin-bottom:2.5rem!important;padding:2.5rem!important;border:1px solid #e5e7eb!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview:hover{border-color:#3b82f6!important;background:#fff!important;transform:translateY(-4px)!important;box-shadow:0 10px 25px #3b82f61f,0 4px 12px #3b82f614!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:1.5rem!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-type-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;padding:.5rem 1rem!important;border-radius:24px!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;box-shadow:0 2px 4px #3b82f633!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-type-badge .options-count{background:#fff3!important;padding:.25rem .5rem!important;border-radius:12px!important;font-size:.6875rem!important;font-weight:500!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-controls{display:flex!important;gap:.75rem!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-controls .btn{width:44px!important;height:44px!important;border-radius:12px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#6b7280!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.875rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 2px #0000000d!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-controls .btn:hover{border-color:#d1d5db!important;background:#f9fafb!important;color:#374151!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #0000001a!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-controls .config-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border-color:#3b82f6!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-controls .edit-btn:hover{background:linear-gradient(135deg,#10b981,#047857)!important;color:#fff!important;border-color:#10b981!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-controls .delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:#ef4444!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-content .field-label{margin-bottom:1.5rem!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-content .field-label .field-label-input{background:transparent!important;border:2px solid transparent!important;padding:.75rem 1rem!important;border-radius:10px!important;font-weight:700!important;font-size:1.25rem!important;color:#1f2937!important;width:100%!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;line-height:1.4!important;letter-spacing:-.025em!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-content .field-label .field-label-input:focus{outline:none!important;border-color:#3b82f6!important;background:#eff6ff!important;box-shadow:0 0 0 3px #3b82f61f!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-content .field-label .field-label-input:hover{background:#3b82f605!important;border-color:#3b82f626!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-content .field-label .field-label-input::placeholder{color:#9ca3af!important;font-style:italic!important;font-weight:500!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview .field-content .field-preview-area{padding:1.5rem!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;min-height:80px!important;display:flex!important;align-items:flex-start!important}.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section{padding:3rem 2rem!important;text-align:center!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-top:1px solid #e2e8f0!important}.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section .add-field-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:1.5rem 2.5rem!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:16px!important;color:#4b5563!important;font-size:1.125rem!important;font-weight:600!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;min-width:280px!important;box-shadow:0 2px 4px #0000000a!important;position:relative!important;overflow:hidden!important}.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section .add-field-btn:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;transition:left .5s cubic-bezier(.4,0,.2,1)!important;z-index:0!important}.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section .add-field-btn:hover{border-color:#3b82f6!important;color:#fff!important;text-decoration:none!important;transform:translateY(-4px)!important;box-shadow:0 12px 30px #3b82f640!important}.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section .add-field-btn:hover:before{left:0!important}.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section .add-field-btn .icon,.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section .add-field-btn .text{position:relative!important;z-index:1!important}.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section .add-field-btn .icon{font-size:1.75rem!important;margin-right:1rem!important;transition:transform .3s ease!important}.container-fluid[data-controller=form-builder] .form-builder-container .add-field-section .add-field-btn:hover .icon{transform:scale(1.1)!important}#fieldTypeModal .modal-dialog{max-width:900px!important;margin:3rem auto!important}#fieldTypeModal .modal-content{border:none!important;border-radius:20px!important;box-shadow:0 25px 50px #00000026!important;overflow:hidden!important}#fieldTypeModal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-bottom:none!important;padding:2rem 2.5rem 1.5rem!important;position:relative!important}#fieldTypeModal .modal-header:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:100%!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;opacity:.9!important}#fieldTypeModal .modal-header *{position:relative!important;z-index:1!important}#fieldTypeModal .modal-title{color:#fff!important;font-size:1.75rem!important;font-weight:700!important;margin:0!important;letter-spacing:-.025em!important}#fieldTypeModal .btn-close{background:#fff3!important;border-radius:50%!important;width:44px!important;height:44px!important;opacity:1!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}#fieldTypeModal .btn-close:hover{background:#ffffff4d!important;transform:scale(1.1)!important}#fieldTypeModal .modal-body{padding:2.5rem!important;background:#f8fafc!important}.field-types-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))!important;gap:1rem!important;max-height:60vh!important;padding:.5rem!important}.field-type-option{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:16px!important;padding:1.5rem!important;display:flex!important;align-items:center!important;gap:1.25rem!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 4px #0000000a!important}.field-type-option:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;transition:left .4s cubic-bezier(.4,0,.2,1)!important;z-index:0!important}.field-type-option:hover{border-color:#3b82f6!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #3b82f626!important}.field-type-option:hover:before{left:0!important}.field-type-option:active{transform:translateY(-1px)!important}.field-type-icon{width:60px!important;height:60px!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;color:#fff!important;box-shadow:0 4px 8px #3b82f64d!important;position:relative!important;z-index:1!important;flex-shrink:0!important;transition:all .3s ease!important}.field-type-option:hover .field-type-icon{transform:scale(1.1)!important;box-shadow:0 6px 12px #3b82f666!important}.field-type-content{flex:1!important;position:relative!important;z-index:1!important}.field-type-name{font-size:1.125rem!important;font-weight:700!important;color:#1f2937!important;margin-bottom:.5rem!important;line-height:1.3!important}.field-type-description{font-size:.95rem!important;color:#6b7280!important;line-height:1.4!important;font-weight:500!important}.field-type-arrow{color:#9ca3af!important;font-size:1.25rem!important;position:relative!important;z-index:1!important;transition:all .3s ease!important;flex-shrink:0!important}.field-type-option:hover .field-type-arrow{color:#3b82f6!important;transform:translate(4px)!important}.field-types-grid::-webkit-scrollbar{width:8px!important}.field-types-grid::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:4px!important}.field-types-grid::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:4px!important}.field-types-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}@media (max-width: 768px){#fieldTypeModal .modal-dialog{margin:1rem!important;max-width:calc(100% - 2rem)!important}#fieldTypeModal .modal-header{padding:1.5rem!important}#fieldTypeModal .modal-title{font-size:1.5rem!important}#fieldTypeModal .modal-body{padding:1.5rem!important}.field-types-grid{grid-template-columns:1fr!important;gap:.75rem!important}.field-type-option{padding:1.25rem!important}.field-type-icon{width:50px!important;height:50px!important;font-size:1.25rem!important}.field-type-name{font-size:1rem!important}.field-type-description{font-size:.875rem!important}}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact{position:relative!important;margin-bottom:1rem!important;padding:1rem!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a!important;transition:all .2s ease!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact:hover{border-color:#3b82f6!important;background:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #3b82f61a!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:.75rem!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-header-controls,.field-preview .field-header-controls{display:flex!important;align-items:center!important;gap:1rem!important;flex-shrink:0!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-type-badge.small{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;padding:.25rem .5rem!important;border-radius:12px!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:inline-flex!important;align-items:center!important;gap:.25rem!important;box-shadow:0 1px 3px #3b82f633!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-controls{display:flex!important;gap:.25rem!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .control-btn{width:32px!important;height:32px!important;border-radius:6px!important;border:1px solid #e5e7eb!important;background:#f3f4f6!important;color:#6b7280!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.75rem!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0000000d!important;cursor:pointer!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .control-btn:hover{background:#e5e7eb!important;color:#374151!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #0000001a!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .control-btn.config-btn:hover{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .control-btn.edit-btn:hover{background:#10b981!important;color:#fff!important;border-color:#10b981!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .control-btn.delete-btn:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-content{display:flex!important;flex-direction:column!important;gap:.5rem!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-label-input{background:transparent!important;border:none!important;padding:.5rem!important;border-radius:4px!important;font-weight:600!important;font-size:1.1rem!important;color:#1f2937!important;width:100%!important;transition:all .2s ease!important;line-height:1.4!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-label-input:focus{outline:none!important;background:#fef3c7!important;box-shadow:0 0 0 2px #f59e0b33!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-label-input:hover{background:#f59e0b0d!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-placeholder-input{font-size:.9rem!important;color:#6b7280!important;border:1px dashed #d1d5db!important;background:#f9fafb!important;padding:.5rem!important;border-radius:4px!important;width:100%!important;transition:all .2s ease!important;font-style:italic!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-placeholder-input:focus{border-color:#3b82f6!important;border-style:solid!important;background:#fff!important;outline:none!important;box-shadow:0 0 0 2px #3b82f61a!important;color:#1f2937!important;font-style:normal!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-placeholder-input:hover{border-color:#9ca3af!important;background:#fff!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-placeholder-input::placeholder{color:#9ca3af!important;font-style:italic!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .field-options-display{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;margin-top:.75rem!important;padding:.75rem!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;min-height:auto!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .choice-tag{display:inline-flex!important;align-items:center!important;padding:.375rem .75rem!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:16px!important;font-size:.875rem!important;font-weight:500!important;color:#374151!important;line-height:1.25!important;white-space:nowrap!important;box-shadow:0 1px 2px #0000000d!important;transition:all .2s ease!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .choice-tag:hover{background:#f3f4f6!important;border-color:#9ca3af!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px #0000001a!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .required-toggle{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.75rem!important;color:#6b7280!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .required-toggle input[type=checkbox]{position:relative!important;width:32px!important;height:16px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#d1d5db!important;border-radius:10px!important;transition:all .2s ease!important;cursor:pointer!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .required-toggle input[type=checkbox]:checked{background:#3b82f6!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .required-toggle input[type=checkbox]:before{content:""!important;position:absolute!important;top:2px!important;left:2px!important;width:12px!important;height:12px!important;background:#fff!important;border-radius:50%!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0003!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .required-toggle input[type=checkbox]:checked:before{transform:translate(16px)!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .choice-item{display:flex!important;align-items:center!important;gap:.5rem!important;margin-bottom:.5rem!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .choice-input{flex:1!important;padding:.375rem .75rem!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-size:.875rem!important;transition:all .2s ease!important;background:#fff!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .choice-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .choice-delete-btn{width:24px!important;height:24px!important;border:none!important;background:#fee2e2!important;color:#dc2626!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.75rem!important;cursor:pointer!important;transition:all .2s ease!important;opacity:.7!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .choice-delete-btn:hover{background:#fecaca!important;opacity:1!important;transform:scale(1.1)!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .choice-actions{margin-top:0rem!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .add-choice-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem .75rem!important;background:#f0f9ff!important;border:1px dashed #3b82f6!important;border-radius:6px!important;color:#3b82f6!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.container-fluid[data-controller=form-builder] .form-builder-container .form-builder-preview .field-preview.compact .add-choice-btn:hover{background:#dbeafe!important;border-style:solid!important;transform:translateY(-1px)!important}.field-preview .field-type-selector{position:relative!important}.field-preview .field-type-selector .field-type-dropdown{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:1px solid transparent!important;border-radius:6px!important;padding:.375rem .75rem!important;font-size:.8rem!important;font-weight:500!important;min-width:160px!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #3b82f626!important}.field-preview .field-type-selector .field-type-dropdown:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 2px 6px #3b82f640!important}.field-preview .field-type-selector .field-type-dropdown:focus{outline:none!important;box-shadow:0 0 0 2px #3b82f64d!important}.field-preview .field-type-selector .field-type-dropdown option{background:#fff!important;color:#374151!important;padding:.5rem!important;font-weight:400!important}.field-preview .action-btn.duplicate-btn{background:#f0f9ff!important;color:#3b82f6!important;border:1px solid #bfdbfe!important;transition:all .2s ease!important}.field-preview .action-btn.duplicate-btn:hover{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #3b82f640!important}.field-preview .field-actions-right{display:flex!important;align-items:center!important;gap:.5rem!important}.field-preview .action-btn{flex-shrink:0!important}@media (max-width: 768px){.field-preview .field-type-selector .form-select{min-width:150px!important;font-size:.8rem!important}}