.form-before-setting-layout{background:#f5f5f5;display:flex;height:100%}.form-before-setting-layout .settings-panel{background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;min-width:350px;overflow-y:auto;width:400px}.form-before-setting-layout .settings-panel .panel-header{border-bottom:1px solid #f0f0f0;padding:20px}.form-before-setting-layout .settings-panel .panel-header h3{color:#262626;font-size:16px;font-weight:600;margin:0 0 8px}.form-before-setting-layout .settings-panel .panel-header p{color:#8c8c8c;font-size:14px;margin:0}.form-before-setting-layout .settings-panel .panel-content{height:calc(100vh - 220px);overflow-y:auto;padding:20px 10px}.form-before-setting-layout .settings-panel .panel-footer{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:16px 20px}.form-before-setting-layout .settings-panel .setting-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px}.form-before-setting-layout .settings-panel .setting-section .section-content{padding:16px}.form-before-setting-layout .preview-panel{background:#f5f5f5;display:flex;flex:1 1;flex-direction:column}.form-before-setting-layout .preview-panel .preview-header{background:#fff;border-bottom:1px solid #e8e8e8;padding:20px}.form-before-setting-layout .preview-panel .preview-header h3{color:#262626;font-size:16px;font-weight:600;margin:0 0 8px}.form-before-setting-layout .preview-panel .preview-header p{color:#8c8c8c;font-size:14px;margin:0}.form-before-setting-layout .preview-panel .preview-content{background-color:#fff;height:calc(100vh - 142px);overflow:auto;padding:20px}.form-before-setting-layout .preview-panel .preview-content .preview-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0 auto;max-width:500px;overflow:hidden;width:100%}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-header{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:20px 20px 16px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-header h4{color:#262626;font-size:16px;font-weight:600;margin:0 0 12px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-header .form-description{color:#595959;font-size:14px;line-height:1.5}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-header .form-description p{margin:0}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body{padding:20px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field{margin-bottom:20px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field:last-child{margin-bottom:0}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-label{color:#262626;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-label .required-mark{color:#ff4d4f;margin-left:4px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#262626;font-size:14px;padding:8px 12px;transition:border-color .3s;width:100%}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input:focus,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select:focus,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2);outline:none}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input:-ms-input-placeholder,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select:-ms-input-placeholder,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea:-ms-input-placeholder{color:#bfbfbf}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input::placeholder,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select::placeholder,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea::placeholder{color:#bfbfbf}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input[readOnly],.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select[readOnly],.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea[readOnly]{background:#f5f5f5;color:#8c8c8c;cursor:default}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input[readOnly]:focus,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select[readOnly]:focus,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea[readOnly]:focus{border-color:#d9d9d9;box-shadow:none}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input:disabled,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select:disabled,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea:disabled{background:#f5f5f5;color:#8c8c8c;cursor:not-allowed;opacity:.6}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea{min-height:80px;resize:vertical}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea[readOnly]{cursor:default;resize:none}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group{display:flex;flex-direction:column;gap:8px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .checkbox-item,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .radio-item,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .checkbox-item,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .radio-item{align-items:center;color:#262626;cursor:pointer;display:flex;font-size:14px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .checkbox-item input,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .radio-item input,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .checkbox-item input,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .radio-item input{margin-right:8px;width:auto}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .checkbox-item span,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .radio-item span,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .checkbox-item span,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .radio-item span{-ms-user-select:none;user-select:none}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .checkbox-item:has(input:disabled),.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .radio-item:has(input:disabled),.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .checkbox-item:has(input:disabled),.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .radio-item:has(input:disabled){color:#8c8c8c;cursor:not-allowed;opacity:.6}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .no-fields{color:#8c8c8c;padding:40px 20px;text-align:center}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .no-fields p{font-size:14px;margin:0}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer .cancel-btn,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer .submit-btn{border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer .cancel-btn.submit-btn,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer .submit-btn.submit-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer .cancel-btn.cancel-btn,.form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer .submit-btn.cancel-btn{background:#fff;border-color:#d9d9d9;color:#595959}@media (max-width:1200px){.form-before-setting-layout .settings-panel{width:350px}}@media (max-width:768px){.form-before-setting-layout{flex-direction:column;height:auto}.form-before-setting-layout .settings-panel{border-bottom:1px solid #e8e8e8;border-right:none;height:50vh;width:100%}.form-before-setting-layout .preview-panel{height:50vh}.form-before-setting-layout .preview-panel .preview-content .preview-container{min-height:300px}}.theme-dark .form-before-setting-layout{background:var(--dark-bg-primary)}.theme-dark .form-before-setting-layout .settings-panel{background:var(--dark-bg-secondary);border-right-color:var(--dark-border-primary)}.theme-dark .form-before-setting-layout .settings-panel .panel-header{border-bottom-color:var(--dark-border-primary)}.theme-dark .form-before-setting-layout .settings-panel .panel-header h3{color:var(--dark-text-primary)}.theme-dark .form-before-setting-layout .settings-panel .panel-header p{color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .settings-panel .panel-footer{border-top-color:var(--dark-border-primary)}.theme-dark .form-before-setting-layout .settings-panel .setting-section{background:var(--dark-bg-primary);box-shadow:0 2px 8px rgba(0,0,0,.3)}.theme-dark .form-before-setting-layout .preview-panel{background:var(--dark-bg-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-header{background:var(--dark-bg-secondary);border-bottom-color:var(--dark-border-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-header h3{color:var(--dark-text-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-header p{color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content{background-color:var(--dark-bg-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container{background:var(--dark-bg-secondary);box-shadow:0 2px 8px rgba(0,0,0,.3)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-header{background:var(--dark-bg-primary);border-bottom-color:var(--dark-border-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-header h4{color:var(--dark-text-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-header .form-description{color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-label{color:var(--dark-text-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-label .required-mark{color:#ff4d4f}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea{background:var(--dark-bg-primary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input:focus,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select:focus,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input:-ms-input-placeholder,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select:-ms-input-placeholder,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea:-ms-input-placeholder{color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input::placeholder,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select::placeholder,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea::placeholder{color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input[readOnly],.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select[readOnly],.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea[readOnly]{background:var(--dark-bg-secondary);color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input input:disabled,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input select:disabled,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input textarea:disabled{background:var(--dark-bg-secondary);color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .checkbox-item,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .radio-item,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .checkbox-item,.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .radio-item{color:var(--dark-text-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .checkbox-item:has(input:disabled),.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .checkbox-group .radio-item:has(input:disabled),.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .checkbox-item:has(input:disabled),.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .form-field .form-input .radio-group .radio-item:has(input:disabled){color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-body .no-fields{color:var(--dark-text-secondary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer{background:var(--dark-bg-primary);border-top-color:var(--dark-border-primary)}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer .submit-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.theme-dark .form-before-setting-layout .preview-panel .preview-content .preview-container .form-preview .form-preview-footer .cancel-btn{background:var(--dark-bg-secondary);border-color:var(--dark-border-primary);color:var(--dark-text-primary)}