.template[data-v-7be1d78a]{--template-primary: #f3f4f6;--template-badge-bg: rgba(165, 203, 255, .5);background:#FCFCFC;font-family:Lexend,sans-serif}.header[data-v-7be1d78a]{padding:24px 0;display:flex;flex-direction:column;gap:24px}.header-title[data-v-7be1d78a]{color:#101828;font-weight:600;font-size:36px;line-height:44px}.header-description[data-v-7be1d78a]{color:#667085;letter-spacing:.5px}.warning[data-v-7be1d78a]{color:#667085;font-size:14px;margin-bottom:20px;padding:10px;border:1px solid #ccc;background-color:#f9f9f9;border-radius:4px}.content[data-v-7be1d78a]{display:flex;gap:30px;padding-bottom:100px}.sidebar[data-v-7be1d78a]{display:flex;flex-direction:column;gap:12px;width:290px;background:var(--template-primary);border-radius:20px;padding:12px;height:fit-content;box-shadow:0 4px 8px 3px #00000026}.sidebar-title[data-v-7be1d78a],.sidebar .sidebar-filters span[data-v-7be1d78a]{font-weight:600;font-size:18px;color:#000}.sidebar .sidebar-filters span[data-v-7be1d78a],.sidebar .sidebar-filters select[data-v-7be1d78a]{flex:1}.sidebar-steps[data-v-7be1d78a]{display:flex;flex-direction:column;gap:8px}.sidebar-step[data-v-7be1d78a]{border-radius:8px;padding:8px;color:#fff;display:flex;align-items:center;gap:8px}.sidebar-step.sidebar-step-in-progress[data-v-7be1d78a]{background:rgba(165,203,255,.5);color:#000}.step-indicator-wrapper[data-v-7be1d78a]{display:flex;align-items:center;gap:12px}.step-indicator-number[data-v-7be1d78a]{border-radius:100%;height:24px;width:24px;min-width:24px;max-width:24px;text-align:center;display:flex;align-items:center;justify-content:center;border:1px solid white;color:#fff}.sidebar-step-in-progress .step-indicator-number[data-v-7be1d78a]:not(.completed){border:1px solid black;color:#000;background:transparent}.sidebar-step:not(.sidebar-step-in-progress) .step-indicator-number.completed[data-v-7be1d78a]{border:none;background:rgba(165,203,255,.5)}.sidebar-step:not(.sidebar-step-in-progress) .step-indicator-number.completed svg path[data-v-7be1d78a]{stroke:#000}.sidebar-step-in-progress .step-indicator-number.completed[data-v-7be1d78a]{border:1px solid black;background:rgba(165,203,255,.5);color:#000}.sidebar-step:not(.sidebar-step-in-progress) .step-indicator-number[data-v-7be1d78a]:not(.completed){border:1px solid #000;background:transparent;color:#000}.step-indicator-number-text[data-v-7be1d78a]{font-size:14px;font-weight:500;margin:0;padding-top:2px}.step-indicator-text[data-v-7be1d78a]{font-size:16px;font-weight:500;margin:0}.sidebar-step-in-progress .step-indicator-text[data-v-7be1d78a]{color:#000}.sidebar-step:not(.sidebar-step-in-progress) .step-indicator-text[data-v-7be1d78a]{color:#000}.form[data-v-7be1d78a]{width:75%;gap:30px}[data-v-7be1d78a] .control{display:flex;flex-direction:column;gap:8px}[data-v-7be1d78a] .input,[data-v-7be1d78a] .select{border-radius:8px;padding:10px 14px;border:1px solid #CDCDCD;box-shadow:0 1px 2px #1018280d;width:100%;outline:none;box-sizing:border-box}[data-v-7be1d78a] .input:focus,[data-v-7be1d78a] .select:focus{border:1px solid #3B707D;outline:2px solid #3B707D;outline-offset:-1px}[data-v-7be1d78a] .form>div{display:flex;flex-direction:column}[data-v-7be1d78a] .group-item .horizontal-layout{display:flex;width:100%;gap:16px}[data-v-7be1d78a] .group-item .horizontal-layout>*{flex:1}[data-v-7be1d78a] .vertical-layout{display:flex;flex-direction:column;gap:16px}.progress-container[data-v-7be1d78a]{position:relative;width:100%;background:#FFF;border-radius:100%}.progress-svg[data-v-7be1d78a]{width:100%;height:100%}.progress-svg text[data-v-7be1d78a]{font-weight:700;fill:#000}.progress-bg-circle[data-v-7be1d78a]{stroke:#a5cbff80}.progress-ring-circle[data-v-7be1d78a]{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%;stroke:var(--template-primary);stroke-dasharray:251.2}.form-content[data-v-7be1d78a]{margin-bottom:20px;gap:40px}.save-button[data-v-7be1d78a]{margin-top:30px}.preview-container[data-v-7be1d78a]{position:relative;margin-bottom:30px}.preview[data-v-7be1d78a]{position:relative;height:500px;background:rgba(0,0,0,.6);overflow-y:auto;overflow-x:hidden}.preview-options-container[data-v-7be1d78a]{position:absolute;bottom:16px;left:50%;background:#F7F7F7;transform:translate(-50%);height:36px;display:flex;align-items:center;border:1px solid #4C7E8A;border-radius:27px;padding:6px 66px;box-shadow:0 0 0 5px #4c7e8a4d;gap:12px;z-index:10}.preview-options-container img[data-v-7be1d78a]{cursor:pointer;max-height:18px}.preview-options-separator[data-v-7be1d78a]{width:1px;height:100%;background:#AAAAAA}.preview-render[data-v-7be1d78a]{transition:transform .2s ease}@media screen and (max-width: 991px){.preview[data-v-7be1d78a]{height:300px}.content[data-v-7be1d78a]{flex-direction:column}.sidebar[data-v-7be1d78a],.form[data-v-7be1d78a]{width:100%}.header[data-v-7be1d78a]{margin:0 12px}.progress-svg[data-v-7be1d78a]{display:none}.sidebar-step[data-v-7be1d78a]:not(.sidebar-step-in-progress){display:none}.sidebar-title-steps[data-v-7be1d78a]{margin-bottom:6px}}[data-v-7be1d78a] .group-renderer-label,[data-v-7be1d78a] .label-indicator{color:#000}[data-v-7be1d78a] .label-indicator-completed{background:#000;border-color:#000}[data-v-7be1d78a] .label-indicator{border-color:#000}