.page-section-edit-dialog[data-v-eac48b27] .v-card{border:thin solid gray;overflow:hidden}.page-edit-header[data-v-eac48b27]{background:#124e66;padding:1.5rem}.page-edit-header .header-content[data-v-eac48b27]{align-items:center;display:flex;gap:24px;justify-content:space-between}.page-edit-header .header-content .close-btn[data-v-eac48b27]{opacity:.9;transition:opacity .2s ease}.page-edit-header .header-content .close-btn[data-v-eac48b27]:hover{background-color:#ffffff1a;opacity:1}.page-edit-content[data-v-eac48b27]{max-height:calc(100vh - 200px);overflow-y:auto;padding:1.5rem;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.page-edit-content[data-v-eac48b27]::-webkit-scrollbar{width:10px}.page-edit-content[data-v-eac48b27]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.page-edit-content[data-v-eac48b27]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.page-edit-content[data-v-eac48b27]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.page-edit-footer[data-v-eac48b27]{padding:1.5rem}.form-section .fields-card[data-v-eac48b27]{background:#fff;border-radius:8px;margin-bottom:1rem}.form-section .field-item[data-v-eac48b27]{border-bottom:1px solid #f0f0f0;padding:.2rem .5rem}.form-section .field-item[data-v-eac48b27]:last-child{border-bottom:none}.form-actions[data-v-eac48b27]{align-items:end;border-top:1px solid #e0e0e0;display:flex;padding-top:1rem}.fields-column[data-v-eac48b27],.preview-column[data-v-eac48b27]{display:flex;flex-direction:column}.sticky-preview[data-v-eac48b27]{max-height:calc(100vh - 150px);overflow-y:auto;position:sticky;top:1rem}.component-selector-card[data-v-eac48b27],.optional-fields-card[data-v-eac48b27],.required-fields-card[data-v-eac48b27]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.component-selector-card[data-v-eac48b27]:hover,.optional-fields-card[data-v-eac48b27]:hover,.required-fields-card[data-v-eac48b27]:hover{box-shadow:0 4px 12px #0000001a}.service-section-title[data-v-eac48b27]{align-items:center;background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex;font-size:1.05rem;font-weight:600;padding:1.25rem 1.5rem}.service-section-title.required-title[data-v-eac48b27]{background:linear-gradient(135deg,#fff5f5,#fee2e2);border-bottom-color:#fecaca;color:#991b1b}.service-section-title.optional-title[data-v-eac48b27]{background:linear-gradient(135deg,#f0f9ff,#dbeafe);border-bottom-color:#bae6fd;color:#1e40af}.optional-fields-list[data-v-eac48b27],.required-fields-list[data-v-eac48b27]{display:flex;flex-direction:column;gap:1rem}.optional-field-item[data-v-eac48b27],.required-field-item[data-v-eac48b27]{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:.75rem;padding:1.25rem;transition:all .2s ease}.optional-field-item[data-v-eac48b27]:hover,.required-field-item[data-v-eac48b27]:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.optional-field-item[data-v-eac48b27]:last-child,.required-field-item[data-v-eac48b27]:last-child{margin-bottom:0}.required-field-item[data-v-eac48b27]{background:#fef2f2;border-left:4px solid #ef4444}.optional-field-item[data-v-eac48b27]{background:#eff6ff;border-left:4px solid #3b82f6}.field-header[data-v-eac48b27]{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;margin-bottom:.75rem;padding-bottom:.75rem}.field-name[data-v-eac48b27]{color:#1f2937;font-size:.95rem;font-weight:600;text-transform:capitalize}.field-content[data-v-eac48b27]{margin-top:.5rem}.add-field-controls[data-v-eac48b27]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.add-field-controls .field-select[data-v-eac48b27]{max-width:300px;min-width:220px}.no-optional-fields[data-v-eac48b27]{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af;padding:3rem 2rem;text-align:center}.preview-section[data-v-eac48b27]{position:sticky;top:1rem}.preview-section .preview-card[data-v-eac48b27]{background:#fff;border-radius:8px}.preview-section .preview-header[data-v-eac48b27]{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;font-weight:500;padding:.75rem 1rem}.ql-editor[data-v-eac48b27]{min-height:200px}.disable-image[data-v-eac48b27]{position:inherit}.preview-container[data-v-eac48b27]{max-height:500px!important;min-height:500px!important;width:100%!important}.preview-container .component-preview[data-v-eac48b27]{transform:scale(.8)!important;width:125%!important}.preview-container.preview-dummy-content[data-v-eac48b27]{background-color:#1976d208;border:2px dashed rgba(25,118,210,.4);border-radius:4px;position:relative}@media (max-width:960px){.preview-container[data-v-eac48b27]{max-height:300px!important;min-height:300px!important;width:100%!important}.edit-layout[data-v-eac48b27]{flex-direction:column!important}.preview-column[data-v-eac48b27]{order:1}.fields-column[data-v-eac48b27]{order:2}[data-v-eac48b27] .page-section-edit-dialog .v-dialog{height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important}[data-v-eac48b27] .page-section-edit-dialog .v-card{border-radius:0!important;height:100%!important}.page-edit-header[data-v-eac48b27]{padding:1rem!important}.page-edit-header .header-content[data-v-eac48b27]{align-items:flex-start;flex-direction:column;gap:16px}.page-edit-header .header-content .close-btn[data-v-eac48b27]{position:absolute;right:1rem;top:1rem}.page-edit-content[data-v-eac48b27]{max-height:calc(100vh - 120px);padding:0!important}.preview-section[data-v-eac48b27]{margin-top:1.5rem;position:relative;top:0}.form-section .form-actions[data-v-eac48b27]{align-items:stretch;flex-direction:column}.form-section .form-actions .v-btn[data-v-eac48b27]{margin-bottom:.5rem;width:100%}}.preview-card-small[data-v-eac48b27]{max-height:300px;overflow-y:auto}.preview-content-small[data-v-eac48b27]{background-color:#f9f9f9;padding:8px}.preview-wrapper-small[data-v-eac48b27]{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;min-height:200px;padding:10px;position:relative;transform:scale(.4);transform-origin:top left;width:250%}.preview-wrapper-small .image-placeholder-overlay[data-v-eac48b27]{align-items:center;background-color:#f5f5f5;border:2px dashed #ccc;border-radius:4px;color:#999;display:flex;font-size:11px;font-weight:500;justify-content:center;left:10px;min-height:120px;pointer-events:none;position:absolute;top:10px;width:calc(40% - 20px);z-index:10}.preview-wrapper-small[data-component*=Right] .image-placeholder-overlay[data-v-eac48b27],.preview-wrapper-small[data-component*=right] .image-placeholder-overlay[data-v-eac48b27]{left:auto;right:10px}@media (max-width:960px){.preview-wrapper-small[data-v-eac48b27]{transform:scale(.3);width:333.333%}}.preview-card[data-v-eac48b27]{max-height:600px;overflow-y:auto}.preview-content[data-v-eac48b27]{background-color:#f9f9f9;padding:20px}.preview-wrapper[data-v-eac48b27]{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;min-height:320px;padding:20px;transform:scale(.6);transform-origin:top left;width:166.667%}.preview-placeholder[data-v-eac48b27]{align-items:center;background:#fafafa;border:1px dashed silver;color:#7a7a7a;display:flex;font-weight:600;height:200px;justify-content:center;margin-bottom:12px;width:100%}@media (max-width:960px){.preview-wrapper[data-v-eac48b27]{transform:scale(.5);width:200%}.v-autocomplete[data-v-eac48b27],.v-combobox[data-v-eac48b27],.v-select[data-v-eac48b27],.v-text-field[data-v-eac48b27]{font-size:14px}.ql-toolbar[data-v-eac48b27]{padding:4px}.ql-toolbar .ql-formats[data-v-eac48b27]{margin-right:4px}.v-color-picker[data-v-eac48b27]{width:100%!important}}