.template-library-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;margin-top:28px}.template-folders{align-self:start;padding:15px;border:1px solid var(--border);border-radius:12px;background:white}.template-folders h2{margin:2px 8px 15px;font-size:13px;color:var(--muted)}.template-folders button{display:flex;align-items:center;gap:9px;width:100%;padding:11px 9px;border:0;border-radius:7px;background:transparent;text-align:left;font-size:13px;color:var(--foreground);cursor:pointer}.template-folders button.selected,.template-folders button:hover{background:var(--primary-soft);color:var(--primary-dark)}.template-folders button strong{flex:1;overflow:hidden;text-overflow:ellipsis;font-weight:550}.template-folders button span{margin-left:auto;color:var(--muted);font-size:11px}.template-editor-fields,.template-editor-preview,.template-library{min-width:0}.template-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.template-library-heading h2{margin:0 0 6px;font-size:19px}.template-library-heading p{margin:0;font-size:12px;color:var(--muted)}.template-editor-actions,.template-folder-actions,.template-source-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.template-filters{flex-wrap:wrap;margin-bottom:21px}.template-filters,.template-search{display:flex;align-items:center;gap:9px}.template-search{flex:1 1 200px;padding:0 11px;min-width:0;height:40px;border:1px solid var(--border-strong);border-radius:8px;background:white;color:var(--muted)}.template-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.template-filters select,.template-source-tools select{max-width:100%;padding:10px;border:1px solid var(--border-strong);border-radius:8px;background:white;font-size:12px}.template-cards,.template-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.template-card,.template-choice{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:white;text-align:left}.template-card-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.template-card-open:hover h3{color:var(--primary)}.template-thumbnail{height:175px;overflow:hidden;background:#f2f5f3;border-bottom:1px solid var(--border);pointer-events:none}.template-thumbnail iframe{width:200%;height:350px;border:0;transform:scale(.5);transform-origin:top left;background:white}.template-card-title{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:15px 15px 0}.template-card-title h3{margin:0;font-size:14px;overflow:hidden;text-overflow:ellipsis}.template-card-open>p{margin:7px 15px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}.template-status{flex-shrink:0;border-radius:5px;padding:4px 6px;font-size:10px;font-weight:650;text-transform:capitalize;background:#edf0ef;color:#64716a}.template-status.ready{background:var(--primary-soft);color:var(--primary-dark)}.template-status.draft{background:#fff4de;color:#8a671e}.template-card-info{display:flex;flex-wrap:wrap;gap:6px;padding:0 15px}.template-card-info span{max-width:100%;padding:4px 7px;border:1px solid var(--border);border-radius:5px;font-size:10px;overflow-wrap:anywhere;color:var(--muted)}.template-updated{padding:0 15px;font-size:10px;color:var(--muted)}.template-updated span{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.template-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:8px;border-top:1px solid var(--border)}.template-card-actions button{padding-inline:8px;font-size:11px}.template-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;gap:10px;padding:25px;text-align:center;color:var(--muted);border:1px dashed var(--border-strong);border-radius:12px}.template-empty h3,.template-empty p{margin:0}.template-empty p{max-width:400px;font-size:13px;line-height:1.6}.template-editor-dialog{width:calc(100vw - 40px);max-width:1200px;max-height:92dvh;overflow:auto}.template-picker-dialog{width:calc(100vw - 40px);max-width:940px;max-height:90dvh;overflow:auto}.template-picker-grid{max-height:55dvh;overflow:auto;margin-bottom:15px}.template-choice{padding:0 0 13px;cursor:pointer;color:var(--foreground)}.template-choice:hover{border-color:var(--primary)}.template-choice:disabled{opacity:.55;cursor:not-allowed}.template-choice>small,.template-choice>span,.template-choice>strong{display:block;margin:10px 13px 0}.template-choice>small,.template-choice>span{font-size:11px;color:var(--muted)}.template-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:15px}.template-editor-fields fieldset{min-width:0;margin:0;padding:0;border:0}.template-dialog-field,.template-editor-fields label,.template-samples label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:12px;font-weight:600}.template-dialog-field input,.template-dialog-field select,.template-editor-fields input,.template-editor-fields select,.template-editor-fields textarea,.template-samples input{width:100%;max-width:100%;min-width:0;padding:10px;border:1px solid var(--border-strong);border-radius:7px;background:white;color:var(--foreground);font-size:13px;font-weight:400}.template-metadata{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.template-source{font:12px/1.65 ui-monospace,SFMono-Regular,monospace!important;resize:vertical}.template-source-tools{margin-bottom:14px}.template-source-tools select{flex:1;width:auto}.template-editor-preview{align-self:start;padding:15px;border:1px solid var(--border);border-radius:10px;background:#f7f9f8}.template-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.template-preview-toolbar>div{display:flex;gap:5px}.template-preview-toolbar button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary-dark)}.template-preview-subject{font-size:13px;font-weight:600;overflow-wrap:anywhere}.template-preview-frame{margin:auto;width:100%;max-width:100%;background:white;border:1px solid var(--border);border-radius:7px;overflow:hidden}.template-preview-frame.mobile{width:375px}.template-preview-frame iframe{display:block;width:100%;height:410px;border:0}.template-plain-preview{min-height:250px;max-height:410px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:white;font-size:12px}.template-issues,.template-warnings{margin:12px 0;padding-left:18px;font-size:12px;line-height:1.7;color:#816427}.template-issues{color:#a63632}.template-hint{font-size:11px;line-height:1.65;color:var(--muted)}.template-samples{margin-top:12px;font-size:12px}.template-samples summary{margin-bottom:14px;cursor:pointer;font-weight:600}.template-usage{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.template-usage h3{font-size:13px}.template-usage p{font-size:12px;overflow-wrap:anywhere}.template-editor-actions{justify-content:flex-end;margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.template-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:1100px){.template-library-layout{grid-template-columns:170px minmax(0,1fr);gap:16px}}@media(max-width:760px){.template-editor-layout,.template-library-layout{grid-template-columns:1fr}.template-folders{display:flex;overflow-x:auto;gap:5px;align-items:center}.template-folders h2{display:none}.template-folders button{width:auto;flex-shrink:0}.template-library-heading{align-items:flex-start;flex-direction:column}.template-editor-dialog,.template-picker-dialog{width:calc(100vw - 24px);padding:16px}.template-metadata{grid-template-columns:1fr}.template-cards{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.template-filters select{flex:1 1 130px;min-width:0}}.personalization-guide{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:9px;background:white;font-size:12px;line-height:1.65;overflow-wrap:anywhere;min-width:0}.personalization-guide h3{margin:0 0 8px;font-size:14px}.personalization-guide p{margin:10px 0}.personalization-guide code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:var(--primary-dark)}.personalization-table-wrap{max-width:100%;overflow-x:auto}.personalization-guide table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.personalization-guide td,.personalization-guide th{border-bottom:1px solid var(--border);padding:7px 6px;vertical-align:top}.personalization-guide th{color:var(--muted);font-weight:600}.personalization-guide td>div{display:flex;align-items:center;gap:3px}.personalization-guide td code{white-space:nowrap}.personalization-guide td button{width:24px;height:24px;flex-shrink:0}.personalization-guide td small{display:block;font-size:10px}.personalization-guide pre{max-width:100%;margin:8px 0;padding:10px;border-radius:6px;background:#f4f7f5;white-space:pre-wrap;overflow-wrap:anywhere}.personalization-guide details summary{margin-top:16px;cursor:pointer;font-weight:600}.personalization-example>strong{display:block;margin-top:15px}html{scrollbar-gutter:stable}.app-main{--page-max-width:1320px;--page-padding-inline:42px;--page-padding-top:38px;--page-padding-bottom:70px}:is(.dashboard-content,.campaign-workspace,.flow-workspace,.contacts-content,.lists-content,.list-detail-content,.donor-detail-content,.settings-content){width:min(100%,var(--page-max-width));max-width:var(--page-max-width);min-width:0;margin-inline:auto;padding:var(--page-padding-top) var(--page-padding-inline) var(--page-padding-bottom)}:is(.dashboard-heading,.campaign-heading,.flow-page-header,.contacts-heading,.lists-page-heading,.settings-page-heading,.mapping-header){display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 28px}:is(.dashboard-heading,.campaign-heading,.flow-page-header,.contacts-heading,.lists-page-heading,.settings-page-heading,.mapping-header)>div{min-width:0}:is(.dashboard-heading,.campaign-heading,.flow-page-header,.contacts-heading,.lists-page-heading,.settings-page-heading,.mapping-header,.list-detail-hero,.donor-hero) h1{margin:0 0 8px;font-size:clamp(26px,3vw,34px);font-weight:680;letter-spacing:-.035em;line-height:1.1;overflow-wrap:anywhere}.app-main .eyebrow{margin:0 0 8px;line-height:1.5}:is(.dashboard-heading,.campaign-heading,.flow-page-header,.contacts-heading,.lists-page-heading,.settings-page-heading,.mapping-header)>div>p:not(.eyebrow):not(.mapping-safety-note){margin:0;color:var(--muted);font-size:13px;line-height:1.55}:is(.dashboard-heading-actions,.campaign-heading-actions,.flow-header-actions,.page-heading-actions){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}@media (max-width:1100px){.app-main{--page-padding-inline:24px}}@media (max-width:720px){.app-main{--page-padding-inline:18px;--page-padding-top:28px;--page-padding-bottom:44px}:is(.dashboard-heading,.campaign-heading,.flow-page-header,.contacts-heading,.lists-page-heading,.settings-page-heading,.mapping-header){flex-direction:column;gap:16px}:is(.dashboard-heading-actions,.campaign-heading-actions,.flow-header-actions,.page-heading-actions){width:100%;margin-top:0;justify-content:flex-start}}