.CmsLivePreview_panel__Jbipm{position:sticky;top:98px;align-self:start;min-width:0}.CmsLivePreview_heading__iDOM8{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.CmsLivePreview_heading__iDOM8>span{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#756b5c}.CmsLivePreview_controls__I3mQG{display:flex;border:1px solid #1c2a2825;border-radius:5px;overflow:hidden}.CmsLivePreview_controls__I3mQG button{border:0;border-right:1px solid #1c2a2820;background:#f7f3ea;padding:7px 10px;color:#5c6662;font:600 9px var(--font-body);cursor:pointer}.CmsLivePreview_controls__I3mQG button:last-child{border-right:0}.CmsLivePreview_controls__I3mQG .CmsLivePreview_active__klsIW{background:#14211f;color:#f7f3ea}.CmsLivePreview_frame__1RFSw{overflow:auto;max-height:calc(100vh - 190px);border:1px solid #1c2a2822;border-radius:8px;background:#d7d0c4;padding:12px}.CmsLivePreview_viewport__bQPsT{display:block;height:620px;margin:0 auto;border:0;background:#efe9df;box-shadow:0 10px 30px #14211f24;transition:width .2s ease}.CmsLivePreview_desktop__FJekP{width:100%;min-width:430px}.CmsLivePreview_mobile__AwoQK{width:390px;max-width:100%}.CmsLivePreview_open__gb72d{width:100%;margin-top:10px;border:1px solid #a5834a;background:#f7f3ea;padding:9px;color:#14211f;font:600 10px var(--font-body);cursor:pointer}.CmsLivePreview_open__gb72d:disabled{cursor:not-allowed;opacity:.45}.CmsLivePreview_empty__pSY_M{display:grid;place-items:center;min-height:280px;padding:30px;text-align:center;color:#756b5c;font-size:11px}@media(max-width:950px){.CmsLivePreview_panel__Jbipm{position:static}.CmsLivePreview_desktop__FJekP{min-width:0}.CmsLivePreview_frame__1RFSw{max-height:none}}.SocialAutoReplyTemplateEditor_root__e7Z77{display:grid;gap:18px;min-width:0;border:1px solid #1c2a2817;background:#f7f3ea;padding:24px;color:#1c2a28}.SocialAutoReplyTemplateEditor_heading__MzAvS{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:start;gap:24px;padding-bottom:18px;border-bottom:1px solid #1c2a2814}.SocialAutoReplyTemplateEditor_heading__MzAvS>div:first-child{display:grid;gap:5px}.SocialAutoReplyTemplateEditor_heading__MzAvS>div:first-child>span{color:#a5834a;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.SocialAutoReplyTemplateEditor_heading__MzAvS h3{font:500 27px var(--font-display);line-height:1.1}.SocialAutoReplyTemplateEditor_heading__MzAvS p{max-width:720px;color:#45514f;font-size:13px;line-height:1.55}.SocialAutoReplyTemplateEditor_heading__MzAvS code,.SocialAutoReplyTemplateEditor_phoneChoice__G_2aU code,.SocialAutoReplyTemplateEditor_suggestion__0QEWR code{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace}.SocialAutoReplyTemplateEditor_phoneChoice__G_2aU{display:grid;gap:7px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.SocialAutoReplyTemplateEditor_phoneChoice__G_2aU select{width:100%;min-width:0;border:1px solid #1c2a2828;background:#fffdf8;padding:10px 11px;color:#1c2a28;font:400 14px var(--font-body);letter-spacing:0;text-transform:none;outline:none}.SocialAutoReplyTemplateEditor_phoneChoice__G_2aU select:focus{border-color:#3d6ea8;box-shadow:0 0 0 3px #3d6ea81c}.SocialAutoReplyTemplateEditor_editorField__VuO_z>small,.SocialAutoReplyTemplateEditor_phoneChoice__G_2aU small{color:#45514f;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.5;text-transform:none}.SocialAutoReplyTemplateEditor_editorField__VuO_z{display:grid;gap:8px}.SocialAutoReplyTemplateEditor_editorLabel__ILa2x{display:flex;align-items:center;justify-content:space-between;gap:16px}.SocialAutoReplyTemplateEditor_editorLabel__ILa2x label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.SocialAutoReplyTemplateEditor_editorLabel__ILa2x span{color:#45514f;font-size:12px}.SocialAutoReplyTemplateEditor_editorLabel__ILa2x .SocialAutoReplyTemplateEditor_countInvalid__w8Khq{color:#8f2f2f;font-weight:700}.SocialAutoReplyTemplateEditor_editorShell__FdCu_{position:relative}.SocialAutoReplyTemplateEditor_editor__iJf6U{min-height:142px;max-height:380px;overflow:auto;border:1px solid #1c2a2828;background:#fffdf8;padding:13px 14px;color:#1c2a28;font:400 15px/1.7 var(--font-body);outline:none;white-space:pre-wrap;overflow-wrap:anywhere}.SocialAutoReplyTemplateEditor_editor__iJf6U:focus{border-color:#3d6ea8;box-shadow:0 0 0 3px #3d6ea81c}.SocialAutoReplyTemplateEditor_editor__iJf6U[aria-invalid=true]{border-color:#b75b5b;background:#fffafa}.SocialAutoReplyTemplateEditor_editor__iJf6U[contenteditable=false]{cursor:not-allowed;opacity:.7}.SocialAutoReplyTemplateEditor_editor__iJf6U:empty:before{color:#45514f8f;content:attr(data-placeholder);pointer-events:none}.SocialAutoReplyTemplateEditor_token__ztKmL{display:inline-flex;align-items:center;max-width:100%;margin:0 2px;border:1px solid;border-radius:999px;padding:1px 7px 2px;font:600 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;vertical-align:baseline;white-space:nowrap;user-select:all}.SocialAutoReplyTemplateEditor_tokenValid__hC8mz{border-color:#8db2dc;background:#e7f1fc;color:#244f80}.SocialAutoReplyTemplateEditor_tokenInvalid__gHTW_{border-color:#d39393;background:#f9e4e4;color:#842f2f}.SocialAutoReplyTemplateEditor_suggestions__l76dw{position:absolute;z-index:30;top:calc(100% + 6px);right:0;left:0;max-height:320px;overflow:auto;border:1px solid #1c2a2830;background:#fffdf8;box-shadow:0 18px 45px #14211f24}.SocialAutoReplyTemplateEditor_suggestion__0QEWR{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);align-items:center;gap:18px;width:100%;border:0;border-top:1px solid #1c2a2812;background:transparent;padding:11px 13px;color:#1c2a28;text-align:left;cursor:pointer}.SocialAutoReplyTemplateEditor_suggestion__0QEWR:first-child{border-top:0}.SocialAutoReplyTemplateEditor_suggestion__0QEWR>span{display:grid;gap:3px;min-width:0}.SocialAutoReplyTemplateEditor_suggestion__0QEWR strong{font-size:13px}.SocialAutoReplyTemplateEditor_suggestion__0QEWR code{overflow:hidden;color:#3d6ea8;text-overflow:ellipsis;white-space:nowrap}.SocialAutoReplyTemplateEditor_suggestion__0QEWR small{overflow:hidden;color:#45514f;font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.SocialAutoReplyTemplateEditor_suggestionActive__YycfV,.SocialAutoReplyTemplateEditor_suggestion__0QEWR:hover{background:#edf4fb}.SocialAutoReplyTemplateEditor_suggestionUnavailable__cm4bq{background:#fff8f8;color:#842f2f;cursor:not-allowed}.SocialAutoReplyTemplateEditor_suggestionUnavailable__cm4bq code,.SocialAutoReplyTemplateEditor_suggestionUnavailable__cm4bq small{color:#842f2f}.SocialAutoReplyTemplateEditor_noSuggestions__WC7V4{padding:14px;color:#6b4a4a;font-size:12px;line-height:1.5}.SocialAutoReplyTemplateEditor_validation__q7ydC{display:grid;gap:7px;border:1px solid #dbabab;background:#f3dddd;padding:13px 15px;color:#792c2c}.SocialAutoReplyTemplateEditor_validation__q7ydC strong{font-size:13px}.SocialAutoReplyTemplateEditor_validation__q7ydC ul{display:grid;gap:4px;margin:0;padding-left:19px}.SocialAutoReplyTemplateEditor_validation__q7ydC li{font-size:12px;line-height:1.45}.SocialAutoReplyTemplateEditor_preview__WFnYl{display:grid;gap:0;border:1px solid #1c2a2817;background:#fffdf8}.SocialAutoReplyTemplateEditor_preview__WFnYl header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #1c2a2814;padding:11px 14px}.SocialAutoReplyTemplateEditor_preview__WFnYl header strong{font-size:12px;letter-spacing:.05em;text-transform:uppercase}.SocialAutoReplyTemplateEditor_preview__WFnYl header span{color:#45514f;font-size:12px}.SocialAutoReplyTemplateEditor_preview__WFnYl>div{min-height:82px;padding:14px;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:780px){.SocialAutoReplyTemplateEditor_root__e7Z77{padding:18px}.SocialAutoReplyTemplateEditor_heading__MzAvS{grid-template-columns:1fr}.SocialAutoReplyTemplateEditor_suggestion__0QEWR{grid-template-columns:1fr;gap:5px}.SocialAutoReplyTemplateEditor_suggestion__0QEWR small{text-align:left}}