/*! 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";.generated-form{display:flex;flex-direction:column;gap:1rem;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:1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-width:600px;margin:1rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease;--field-padding: .75rem;--border-color: #d1d5db;--focus-color: #3b82f6;--error-color: #ef4444;--success-color: #10b981;--label-color: #374151;--input-bg: #ffffff}html.dark .generated-form{--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));box-shadow:0 2px 4px #0000004d;--border-color: #4b5563;--focus-color: #3b82f6;--error-color: #f87171;--success-color: #34d399;--label-color: #d1d5db;--input-bg: #374151}.generated-form .form-field{display:flex;flex-direction:column;gap:.5rem}.generated-form .form-field label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--label-color);margin-bottom:.25rem}.generated-form .form-field input,.generated-form .form-field textarea,.generated-form .form-field select{width:100%;border-radius:.375rem;border-width:1px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;padding:var(--field-padding);border-color:var(--border-color);background-color:var(--input-bg);font-size:.875rem}.generated-form .form-field input:focus,.generated-form .form-field textarea:focus,.generated-form .form-field select:focus{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);border-color:var(--focus-color);box-shadow:0 0 0 3px #3b82f61a}.generated-form .form-field input::-moz-placeholder,.generated-form .form-field textarea::-moz-placeholder,.generated-form .form-field select::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.generated-form .form-field input::placeholder,.generated-form .form-field textarea::placeholder,.generated-form .form-field select::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.generated-form .form-field textarea{resize:vertical;min-height:100px}.generated-form .form-field select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}html.dark .generated-form .form-field select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.generated-form button{cursor:pointer;border-radius:.375rem;border-style:none;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));font-weight:500;--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:.2s;padding:.75rem 1.5rem;font-size:.875rem}.generated-form button:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.generated-form button:focus{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));--tw-ring-offset-width: 2px}.generated-form button:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.generated-form button:disabled:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.generated-form .submit-button{margin-top:1rem;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.generated-form .submit-button:hover,html.dark .generated-form .submit-button{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}html.dark .generated-form .submit-button:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.generated-form input[type=checkbox],.generated-form input[type=radio]{margin-right:.5rem;width:auto;width:1rem;height:1rem}.generated-form .checkbox-container{display:flex;align-items:center;gap:.5rem}.generated-form .checkbox-container input[type=checkbox]{margin:0;flex-shrink:0}.generated-form .checkbox-container label{margin:0;cursor:pointer}.generated-form input[type=file]{border-width:2px;border-style:dashed;padding:.5rem;border-color:var(--border-color);background-color:#f9fafb}html.dark .generated-form input[type=file]{background-color:#374151}.generated-form .required-field label:after{content:" *";color:var(--error-color)}.generated-form .field-error{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.generated-form .field-error input,.generated-form .field-error textarea,.generated-form .field-error select{border-color:var(--error-color)}.generated-form .field-error input:focus,.generated-form .field-error textarea:focus,.generated-form .field-error select:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.generated-form .field-success input,.generated-form .field-success textarea,.generated-form .field-success select{border-color:var(--success-color)}.generated-form .field-success input:focus,.generated-form .field-success textarea:focus,.generated-form .field-success select:focus{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.button-link{cursor:pointer;border-radius:.375rem;border-style:none;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));font-weight:500;--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:.2s;padding:.75rem 1.5rem;font-size:.875rem;text-decoration:none;display:inline-block}.button-link:hover,html.dark .button-link{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}html.dark .button-link:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}@media (max-width: 768px){.generated-form{padding:1rem;max-width:100%;margin:.5rem 0}.generated-form .form-field input,.generated-form .form-field textarea,.generated-form .form-field select{font-size:1rem;line-height:1.5rem;padding:.875rem}.generated-form button{width:100%;padding:1rem 1.5rem;font-size:1rem}}.field-item{cursor:grab;transition:all .2s ease}.field-item:active{cursor:grabbing}.field-item.dragging{opacity:.5;transform:rotate(5deg)}.field-item.drag-over{background-color:#f0f8ff!important;border:2px dashed #007bff!important;transform:scale(1.02)}.field-action-button{padding:4px 8px;margin:0 2px;border-radius:4px;font-size:12px;transition:all .2s ease}.field-action-button:hover{transform:scale(1.1)}.field-action-button:disabled{opacity:.5;cursor:not-allowed}#form-action-url:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}
