.toolbox .select-icon{font-size:1rem;color:#888}.toolbox button span{font-size:22px;margin-right:8px;display:flex;align-items:center}.toolbox-button{padding:20px 15px!important}.form-preview{margin:20px 0;border-top:2px solid #367c2b;padding:16px;background-color:#f4f8f4}.form-preview-lable{margin-top:10px;margin-bottom:10px;font-weight:600;font-size:1rem;line-height:1.75rem;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Arial,Nimbus Sans L,FreeSans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.form-preview h4{margin-top:0;color:#00787a}.form-field-card{background:#fff;margin-bottom:16px;padding:16px;transition:border .2s,box-shadow .2s;cursor:pointer;box-shadow:none;position:relative}.form-field-card.selected{background:#f7f7f7;border-top:2px solid #367C2B;border-radius:5px}.form-field-card.selected .field-label-input{font-size:1.2rem;font-weight:500;border:none;border-bottom:2px solid #367C2B;outline:none;background:transparent;width:100%;margin-bottom:18px;color:#222;padding:4px 0 6px;transition:border-color .2s}.form-field-card.selected .field-label-input:focus{border-color:#00787a}.form-field-card.selected .field-margin,.form-field-card.selected .rows-margin,.form-field-card.selected .file-field-margin{margin-bottom:18px;display:flex;align-items:center}.form-field-card.selected .label-margin{font-size:1rem;color:#444;margin-right:10px}.form-field-card.selected .field-options label{font-size:1rem;color:#444;margin-bottom:8px;display:block}.form-field-card.selected .option-row{display:flex;align-items:center;margin-bottom:10px}.form-field-card.selected .option-row input[type=text]{flex:1;padding:6px 10px;border-radius:4px;border:1.5px solid #c4c4c4;background:#fff;font-size:1rem;margin-right:8px;transition:border-color .2s}.form-field-card.selected .option-row input[type=text]:focus{border-color:#367c2b}.form-field-card.selected .option-row button{background:#b7b7b7;color:#fff;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:1.1rem;margin-left:2px;transition:background .2s}.form-field-card.selected .option-row button:disabled{background:#e0e0e0;color:#aaa;cursor:not-allowed}.add-option-btn{color:#367c2b;padding:10px}.form-field-card.selected input[type=checkbox]{width:18px;height:18px;accent-color:#367C2B;margin-right:8px}.form-field-card.selected input[type=number]{padding:6px 10px;border-radius:4px;border:1.5px solid #367C2B;background:#fff;font-size:1rem;width:80px;margin-left:8px}.form-field-card.selected input[type=number]:focus{border-color:#367c2b}.form-field-card:hover{background:#e7e6e6;transition:background .2s}.field-label-input{font-size:16px;width:80%;margin-bottom:8px;border:none;border-bottom:1px solid #367C2B;background:transparent;outline:none}.field-label-input:focus{border-color:#367c2b}.field-options{margin-bottom:8px}.option-row{display:flex;align-items:center;margin-bottom:4px}.option-row input{margin-right:6px}.option-row button{background:#c9c8c8;color:#fff;border:none;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:1rem}.option-row button:disabled{background:#ccc;cursor:not-allowed}.field-actions{margin-top:8px}.field-actions button{background:#eee;border:none;border-radius:4px;padding:4px 10px;margin-right:6px;cursor:pointer;font-size:1rem;transition:background .2s}.field-actions button:hover{background:#367c2b;color:#fff}.field-actions-top{position:absolute;top:12px;right:18px;display:flex;gap:8px;z-index:2}.icon-btn{background:none;border:none;color:#888;font-size:1.1rem;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .15s,color .15s,transform .15s;display:flex;align-items:center}.icon-btn:hover{transform:scale(1.18)}.field-margin{margin-bottom:8px}.label-margin{margin-right:8px}.rows-margin,.file-field-margin{margin-bottom:8px}.form-preview-label{font-size:1.25rem;font-weight:500;color:#444;margin-bottom:18px;display:flex;align-items:center}.form-preview-number{font-size:1.25rem;font-weight:600;margin-right:10px;color:#444}.form-preview-input{margin-bottom:18px}.form-preview-option{display:flex;align-items:center;margin-bottom:18px;font-size:1.1rem;color:#555}.form-preview-option input[type=radio],.form-preview-option input[type=checkbox]{width:22px;height:22px;margin-right:16px;accent-color:#888}.form-preview-dropdown{font-size:1.1rem;padding:6px 12px;border-radius:6px;border:1px solid #bbb;color:#555;background:#fafbfc;margin-bottom:18px}.form-preview-text{font-size:1.1rem;padding:6px 12px;border-radius:6px;border:1px solid #bbb;color:#555;background:#fafbfc;width:320px;max-width:100%}.form-preview-textarea{font-size:1.1rem;padding:6px 12px;border-radius:6px;border:1px solid #bbb;color:#555;background:#fafbfc;margin-bottom:18px;width:420px;max-width:100%}.form-preview-file{margin-bottom:18px}.form-preview-rating{margin-bottom:18px;font-size:1.5rem;color:#bbb}.form-preview-star{margin-right:4px}.form-preview-date-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:18px}.form-preview-date{font-size:1.1rem;padding:6px 12px;border-radius:6px;border:1px solid #bbb;color:#555;background:#fafbfc}.form-preview-date-icon{font-size:1.3rem;color:#888;user-select:none}.form-preview-header{margin-bottom:32px}.form-preview-title{font-size:2.1rem;font-weight:700;color:#222;margin-bottom:8px;letter-spacing:.5px;text-align:center}.form-preview-description{font-size:1.15rem;color:#555;margin-bottom:0;font-weight:400}.form-builder{display:flex;gap:0;font-family:Segoe UI,Arial,sans-serif;background:#f3f3f3;min-height:100vh}.form-builder-centered{padding:40px 20px}.form-buttons-container{padding:0 25px}.form-card{background:#fff;border-radius:18px;box-shadow:0 4px 32px #0002;max-width:1400px;width:100%;margin:0 auto;padding:48px 64px 64px;display:flex;flex-direction:column;gap:0;position:relative}.form-builder-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:32px;top:32px;right:64px;z-index:10;background:transparent}.form-title-input{font-size:2.5rem;font-weight:700;border:none;outline:none;width:100%;background:transparent;color:#444;letter-spacing:.5px}.form-title-input::placeholder{color:#888;opacity:1}.unsaved-warning{margin-top:16px}.form-description-input{border:none;border-radius:6px;padding:12px 16px;font-size:1.2rem;width:100%;margin-bottom:32px;resize:vertical;background:#f7f7f7;color:#444}.form-buttons{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px}.form-description-input::placeholder{color:#bbb;opacity:1}.quick-start-row{display:flex;align-items:center;margin-bottom:32px;gap:12px}.quick-start-icon{color:#00787a;font-size:2rem;background:#eaf6f3;border-radius:50%;padding:4px}.add-question-btn{color:#000;font-weight:600;font-size:1rem}.quick-start-label{color:#00787a;font-size:1.3rem;font-weight:600}.quick-start-container{margin-top:24px;margin-bottom:24px;border:1px solid #e0e5e0;border-radius:6px;background:#f6faf7;padding:12px 12px 0}.toolbox{display:flex;flex-direction:column;gap:18px;margin-top:10px}.select-wrapper{background:#f4f8f4;padding:30px 20px}.toolbox.quickstart{background:#f6faf7;border:1px solid #e0e5e0;border-radius:6px;padding:18px 18px 8px;display:flex;flex-direction:column;gap:18px;margin-top:8px;margin-bottom:0}.toolbox.quickstart button{background:#fff;border:1px solid #e0e5e0;border-radius:4px;padding:12px 16px;font-size:1rem;font-weight:400;color:#222;display:flex;align-items:center;gap:10px;box-shadow:none;outline:none;width:100%;text-align:left;transition:border .15s,box-shadow .15s}.toolbox.quickstart button:hover{border:1.5px solid #00787A;background:#f0f8f7}.toolbox.quickstart button input[type=radio]{accent-color:#00787A;margin-right:10px}.form-preview-actions{background:#f2f8f2;padding:10px}.toolbox,.toolbox.quickstart{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.toolbox button{background:#fff;padding:10px;font-size:1rem;font-weight:500;color:#2e2e2e;cursor:pointer;transition:background .2s,border .2s;display:flex;align-items:center;justify-content:start;gap:18px;border:1px solid #e0e5e0;font-weight:600}.toolbox button span{font-size:2rem;margin-right:0;display:flex;align-items:center}.unsaved-warning-banner{padding:10px 25px;background-color:#fff3cd;color:#856404;border-radius:4px;margin-top:10px;font-size:14px;display:flex;align-items:center}.unsaved-warning-icon{margin-right:8px}.preview-button-icon{margin-right:6px;font-size:18px}@media (max-width: 1200px){.form-card{padding:32px 16px}.toolbox,.toolbox.quickstart{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.toolbox,.toolbox.quickstart{grid-template-columns:1fr}}@media (max-width: 700px){.form-card{padding:12px 2vw 24px}.toolbox,.toolbox.quickstart{grid-template-columns:1fr}}
