@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--teal:#3c7d7c;--violet:#524f62;--pigeon:#c0bfd0;--field-red:#b22222;--white:#fff;--page:#f7f7f8;--border:#d7d5df;--muted:#75727f;--input-tint:#3c7d7c16;font-synthesis:none;text-rendering:optimizelegibility;font-family:Aptos,Aptos Display,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body,button,input,textarea,select,table{font-family:Aptos,Aptos Display,Segoe UI,Arial,sans-serif}button,input,textarea{font-size:16px}.app{background:var(--page);min-height:100vh;color:var(--violet)}.topbar{background:var(--white);border-bottom:4px solid var(--teal);justify-content:space-between;align-items:flex-start;gap:30px;padding:16px 30px;display:flex}.brand{text-align:left;flex:none;align-items:center;gap:13px;display:flex}.logo-placeholder{border:2px solid var(--teal);background:var(--pigeon);border-radius:50%;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.brand-name{letter-spacing:-1px;text-align:left;font-size:30px;font-weight:700;line-height:1}.brand-e{color:var(--teal)}.tagline{color:var(--teal);letter-spacing:.3px;text-align:left;margin-top:7px;font-size:13px;font-weight:600}.tagline-secondary{color:var(--pigeon);letter-spacing:.2px;text-align:left;margin-top:4px;font-size:12px;font-weight:600}.auth-area{text-align:left;max-width:700px}.provider-logins{justify-content:flex-end;align-items:flex-start;gap:12px;display:flex}.provider-login{width:min(280px,42vw)}.provider-login span,.provider-planned,.auth-notice{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.35;display:block}.provider-button{border:1px solid var(--border);background:var(--white);width:100%;min-height:42px;color:var(--violet);cursor:pointer;border-radius:7px;font-weight:600}.provider-button:hover{border-color:var(--teal)}.provider-planned{text-align:right}.auth-notice{color:var(--teal);text-align:right;font-weight:600}main{width:min(1400px,100% - 48px);margin:0 auto;padding:26px 0 40px}.howto-pill{border:1px solid var(--teal);color:var(--violet);cursor:pointer;background:#3c7d7c33;border-radius:999px;margin-bottom:14px;padding:7px 13px;font-weight:700}.howto-pill:hover{background:#3c7d7c47}.intro{text-align:left;max-width:820px;margin-bottom:22px}.intro h1,.panel h2,.section-title,.modal-head h2{text-align:left}.intro h1{letter-spacing:-1.1px;color:#6162ba;margin:0 0 8px;font-size:clamp(27px,4vw,39px);line-height:1.12}.intro p,.panel-heading p{color:var(--muted);text-align:left;margin:0;line-height:1.5}.open-project-strip{border:1px solid var(--border);background:var(--white);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:13px 15px;display:flex}.open-project-strip>div{text-align:left;flex-direction:column;gap:3px;display:flex}.open-project-strip span{color:var(--muted);font-size:12px}.project-drop{border:1px dashed var(--teal);background:var(--input-tint);cursor:pointer;color:var(--violet);border-radius:7px;padding:9px 13px;font-size:13px;font-weight:600}.project-drop input,.dropzone input{display:none}.workflow{border:1px solid var(--border);background:var(--white);border-radius:9px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid;overflow:hidden}.step{min-height:54px;color:var(--muted);border-right:1px solid var(--border);align-items:center;gap:10px;padding:0 18px;font-size:14px;display:flex}.step:last-child{border-right:none}.step span{border:1px solid var(--pigeon);border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.step.active{color:var(--teal);background:#c0bfd02e;font-weight:700}.step.active span{background:var(--teal);color:var(--white);border-color:var(--teal)}.panel{background:var(--white);border:1px solid var(--border);border-radius:9px;margin-bottom:20px;padding:22px}.panel-heading{text-align:left;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.panel h2{color:#6162ba;text-transform:uppercase;letter-spacing:.8px;margin:0 0 4px;font-size:20px}.panel-heading p{font-size:13px}.panel-actions,.suggested-chip-row,.merge-field-list,.preview-navigation,.send-actions,.modal-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:7px;padding:9px 14px}.primary-button{background:var(--teal);color:var(--white);border:1px solid var(--teal);font-weight:700}.secondary-button{background:var(--white);color:var(--violet);border:1px solid var(--pigeon)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.suggested-fields{border:1px solid var(--border);background:#c0bfd01a;border-radius:8px;margin-bottom:14px;padding:12px}.suggested-fields-topline{flex-wrap:wrap;align-items:baseline;gap:9px;margin-bottom:9px;display:flex}.suggested-label{font-weight:700}.suggested-note{color:var(--muted);font-size:12px}.suggested-chip{background:var(--white);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.suggested-chip.teal{border:1px solid var(--teal);color:var(--teal)}.suggested-chip.pigeon{border:1px solid var(--pigeon);color:var(--violet);background:#c0bfd038}.suggested-chip.violet{border:1px solid var(--violet);color:var(--violet)}.suggested-chip:disabled{opacity:.35;cursor:default}.field-adder{border:1px solid var(--pigeon);background:#c0bfd01f;border-radius:7px;flex-wrap:wrap;align-items:flex-end;gap:9px;margin-bottom:10px;padding:12px;display:flex}.field-adder label{flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.field-adder input{min-width:240px}.field-error{color:var(--field-red);margin-bottom:10px;font-size:12px;font-weight:700}.table-help{color:var(--muted);text-align:left;margin-bottom:6px;font-size:11px}.table-wrap{border:1px solid var(--border);border-radius:7px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1080px}th,td{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}th:last-child,td:last-child{border-right:none}tbody tr:last-child td{border-bottom:none}th{text-align:left;background:#3c7d7c1f;padding:8px}.row-head{color:var(--violet);width:42px}.column-heading{align-items:center;gap:5px;min-width:150px;display:flex}.field-header-name,.merge-chip,.used-token{color:var(--field-red);text-transform:lowercase;font-family:Noto Sans Mono,SFMono-Regular,Consolas,monospace;font-weight:700}.field-header-name{cursor:text;font-size:12px}.header-edit{border:1px solid var(--field-red);background:var(--input-tint);width:110px;color:var(--field-red);padding:3px 5px;font-family:Noto Sans Mono,SFMono-Regular,Consolas,monospace;font-weight:700}.sort-button,.remove-field,.icon-button{color:var(--violet);cursor:pointer;background:0 0;border:0;padding:2px 4px}.sort-button{margin-left:auto;font-size:13px}.remove-field{color:var(--field-red);font-size:16px}td{padding:0}td input,.field-adder input,.cloud-folder-box input,.message-form input,.message-form textarea,.full-width-input,.full-width-textarea,.save-choice input[type=text]{background:var(--input-tint);color:var(--violet);border:1px solid var(--pigeon);border-radius:6px;padding:9px 10px}td input{border:0;border-radius:0;outline:none;width:100%;min-width:140px}td input:focus,.field-adder input:focus,.cloud-folder-box input:focus,.message-form input:focus,.message-form textarea:focus,.full-width-input:focus,.full-width-textarea:focus{box-shadow:inset 0 0 0 2px var(--teal);outline:none}.row-number{text-align:center;background:#c0bfd04d;width:42px;font-size:12px}.two-column{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.dropzone{border:2px dashed var(--teal);background:var(--input-tint);cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:160px;display:flex}.dropzone span{color:var(--muted);font-size:13px}.drop-icon{color:var(--teal);font-size:25px}.or-divider{color:var(--muted);align-items:center;gap:10px;margin:13px 0;font-size:11px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.cloud-folder-box{text-align:left}.cloud-folder-box label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.cloud-folder-box input{width:100%}.cloud-folder-box p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.45}.file-summary{text-align:left;margin-top:15px;font-size:13px}.file-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:6px 8px;margin-top:9px;display:grid}.file-item{border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;background:#3c7d7c12;border-radius:5px;min-width:0;padding:5px 7px;font-size:11px;overflow:hidden}.status-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.status-grid>div{border:1px solid var(--pigeon);background:#c0bfd024;border-radius:7px;flex-direction:column;padding:15px;display:flex}.status-grid strong{color:var(--teal);font-size:28px}.status-grid span{font-size:12px}.merge-field-list{margin-bottom:20px}.merge-chip,.used-token{border:1px solid var(--field-red);background:#b222220e;border-radius:999px;padding:4px 7px;font-size:11px}.used-fields{flex-wrap:wrap;gap:5px;min-height:2px;margin-top:5px;display:flex}.used-token.unknown{background:#b2222226;text-decoration:line-through}.message-form{text-align:left;max-width:1100px}.section-title{color:var(--teal);margin:8px 0 11px;font-size:17px;font-weight:700}.subject-grid{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.message-form label{text-align:left;font-size:13px;font-weight:600;display:block}.message-form input,.message-form textarea,.full-width-input,.full-width-textarea{width:100%;margin-top:5px;display:block}.message-form textarea,.full-width-textarea{resize:vertical;min-height:90px}.required{color:var(--field-red)}.form-note{color:var(--muted);text-align:left;margin:6px 0 20px;font-size:11px;line-height:1.45}.paragraph-block{margin-bottom:12px}.remove-paragraph{color:var(--field-red);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.add-paragraph{margin-top:0}.signature-title{margin-top:26px}.live-preview{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.live-preview-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.live-preview-head>div:first-child{text-align:left;flex-direction:column;gap:3px;display:flex}.live-preview-head span,.uid-teach,.empty-preview{color:var(--muted);font-size:11px}.uid-teach{color:var(--teal);margin-bottom:8px}.email-preview{border:1px solid var(--pigeon);background:var(--white);border-radius:7px;overflow:hidden}.preview-line{border-bottom:1px solid var(--border);background:#3c7d7c0e;grid-template-columns:110px 1fr;gap:8px;padding:8px 11px;font-size:13px;display:grid}.preview-line strong{color:var(--teal)}.preview-body{white-space:pre-wrap;min-height:160px;padding:17px;line-height:1.55}.compact .preview-body{min-height:120px}.validation-panel{border:1px solid var(--field-red);color:var(--field-red);text-align:left;background:#b222220d;border-radius:8px;margin-bottom:18px;padding:14px;font-size:13px;line-height:1.5}.send-panel{background:var(--white);color:var(--violet);border:2px solid #6162ba38;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex;box-shadow:0 10px 24px #524f6214}.send-panel>div:first-child{text-align:left;flex-direction:column;gap:3px;display:flex}.send-panel span{color:var(--muted);font-size:12px}.modal-backdrop{z-index:1000;background:#2136406b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--white);border:1px solid var(--pigeon);width:min(720px,100%);max-height:85vh;color:var(--violet);text-align:left;border-radius:10px;padding:20px;overflow-y:auto}.howto-modal{width:min(820px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.modal-head h2{margin:0}.icon-button{font-size:24px}.howto-content h2,.howto-content h3,.howto-content h4{text-align:left;color:var(--violet);margin-bottom:5px}.howto-content p,.howto-bullet{color:var(--violet);font-size:13px;line-height:1.5}.howto-content a{color:var(--teal);text-underline-offset:2px;text-decoration:underline}.howto-version{margin-top:2px;color:var(--muted)!important;font-size:12px!important}.howto-bullet{grid-template-columns:15px 1fr;gap:4px;margin:4px 0;display:grid}.save-reasons{border-left:3px solid var(--teal);margin:12px 0 18px;padding-left:11px;font-size:13px;line-height:1.55}.save-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.save-choice label,.include-attachments{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:9px;padding:11px;display:flex}.save-choice span,.include-attachments span{flex-direction:column;gap:3px;display:flex}.save-choice small,.include-attachments small{color:var(--muted);line-height:1.35}.include-attachments{margin-top:11px}.save-format-note{background:var(--input-tint);border:1px solid var(--pigeon);border-radius:7px;margin:12px 0;padding:10px;font-size:12px}.modal-actions{justify-content:flex-end;margin-top:14px}@media (width<=950px){.topbar{flex-direction:column}.auth-area{width:100%;max-width:none}.provider-logins{justify-content:flex-start}.provider-planned,.auth-notice{text-align:left}.subject-grid{grid-template-columns:1fr}}@media (width<=800px){main{width:min(100% - 28px,1400px)}.provider-logins,.two-column,.save-choice{grid-template-columns:1fr}.provider-logins{display:grid}.provider-login{width:100%}.workflow{grid-template-columns:1fr 1fr}.two-column{display:grid}.panel-heading,.send-panel,.live-preview-head,.open-project-strip{flex-direction:column;align-items:flex-start}.project-drop{text-align:center;width:100%}.preview-line{grid-template-columns:80px 1fr}}.send-panel .send-actions{margin-left:auto}.send-panel .secondary-button,.send-panel .primary-button{border-radius:12px;min-width:132px;min-height:50px;font-size:17px;font-weight:700;box-shadow:0 8px 18px #524f6224}.send-panel .secondary-button{background:var(--white);color:#6162ba;border:2px solid #c0bfd0}.send-panel .secondary-button:hover:not(:disabled){background:#6162ba0d;border-color:#6162ba}.send-panel .primary-button{background:var(--teal);color:var(--white);border:2px solid var(--teal)}.send-panel .primary-button:hover:not(:disabled){filter:brightness(.96)}.send-panel .secondary-button:disabled,.send-panel .primary-button:disabled{opacity:.62;box-shadow:none}.example-line{text-align:left;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:8px;margin-bottom:4px;display:flex}.example-label{color:#6162ba;font-size:12px;font-weight:700}.example-value{color:var(--violet);font-size:13px;line-height:1.45}.chip-prefix{margin-right:2px}.merge-field-list{align-items:center}.merge-field-list .merge-chip{background:#b222220b}.message-form label{margin-bottom:2px}.form-note{margin-top:8px}