@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#202522;background:#f4f5f1;font-synthesis:none;--ink:#202522;--muted:#68716b;--line:#dfe3dc;--green:#176b50;--orange:#ed7f37}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{min-height:100vh;background:radial-gradient(circle at 70% -20%,#fff 0,transparent 34%),#f4f5f1}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;font:600 22px Newsreader;background:var(--orange);border-radius:6px}.brand div{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:15px}.brand small{color:var(--muted);font-size:11px;margin-top:3px}.topbar-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted)}.mode{border:1px solid var(--line);padding:5px 9px;border-radius:4px;background:#fafbf9}.mode.azure{color:var(--green);border-color:#b8d7ca;background:#f0f8f4}.workspace{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 68px)}.rail{background:#f9faf7;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.rail-title{text-transform:uppercase;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.09em;margin:0 8px 18px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;display:flex;align-items:center;gap:7px}.rail-title:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}.rail-title:focus-visible{outline:2px solid var(--green);outline-offset:4px}.rail-title svg{flex:0 0 auto}.rail-step{border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:10px 8px;color:#737b76;font-weight:600;font-size:13px;text-align:left;border-radius:5px}.rail-step span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #ccd2ce;border-radius:50%;font-size:11px}.rail-step.current{color:var(--ink);background:#edf1eb}.rail-step.current span{color:#fff;background:var(--green);border-color:var(--green)}.rail-step.complete{color:var(--green)}.rail-step.complete span{background:#dcefe6;border-color:#b8d7ca}.main-panel{min-width:0;display:flex;flex-direction:column}.screen{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:48px 0 36px;flex:1;animation:reveal .25s ease-out}.screen-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.eyebrow{display:block;color:var(--green);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:8px}.screen h1{font:600 36px/1.05 Newsreader;letter-spacing:0;margin:0}.screen-heading p,.status-hero p{color:var(--muted);margin:8px 0 0;font-size:14px}.alert{position:fixed;z-index:10;top:80px;right:24px;max-width:470px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff5f3;border:1px solid #f0c7bf;color:#8b3027;box-shadow:0 10px 30px #4d1b1420;border-radius:6px;font-size:13px}.alert button{margin-left:auto;background:none;border:0;color:inherit;font-weight:700}.dropzone{min-height:280px;border:1.5px dashed #b8c0ba;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fbfcfa;border-radius:6px;transition:.2s}.dropzone:hover{border-color:var(--green);background:#f7faf7}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone svg{color:var(--green)}.dropzone strong{font-size:15px}.dropzone span{color:var(--muted);font-size:12px}.file-summary{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:6px}.file-icon{width:46px;height:46px;border-radius:5px;display:grid;place-items:center;background:#eaf5ef;color:var(--green)}.file-summary div:nth-child(2){display:flex;flex-direction:column;gap:3px}.file-summary span{color:var(--muted);font-size:12px}.replace{margin-left:auto;color:var(--green);font-weight:700;font-size:12px;cursor:pointer}.replace input{display:none}.mapping-block{margin-top:24px}.mapping-block>label,.composer label{display:flex;flex-direction:column;gap:7px;color:#4d5650;font-size:12px;font-weight:700}.mapping-block select,.composer select,.composer input{border:1px solid #cfd5d1;background:#fff;height:42px;border-radius:4px;padding:0 12px;color:var(--ink)}.mapping-block select{width:min(360px,100%)}.table-wrap{overflow:auto;margin-top:18px;border:1px solid var(--line);background:#fff;border-radius:6px}table{border-collapse:collapse;width:100%;font-size:12px}th{background:#f5f7f3;text-align:left;color:#5c655f;font-weight:700}th,td{padding:11px 14px;border-bottom:1px solid #ecefeb;white-space:nowrap}tbody tr:last-child td{border:0}.empty{color:#a0a7a2;font-style:italic}.compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}.composer{min-width:0;display:grid;gap:16px}.field-label{display:block;color:#4d5650;font-size:12px;font-weight:700;margin-bottom:7px}.merge-panel,.send-summary{align-self:start;background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px}.merge-panel>strong{font-size:13px}.merge-panel p{color:var(--muted);font-size:11px;line-height:1.5}.merge-panel div{display:flex;flex-wrap:wrap;gap:7px}.merge-panel button{color:#11513d;background:#edf6f1;border:1px solid #cae2d6;border-radius:3px;padding:5px 7px;font:500 11px monospace}.editor-shell{background:#fff;border:1px solid #cfd5d1;border-radius:4px;overflow:hidden}.editor-toolbar{min-height:43px;display:flex;align-items:center;gap:2px;padding:5px 8px;border-bottom:1px solid var(--line);background:#f8f9f7}.editor-toolbar button,.preview-header button{width:32px;height:32px;display:grid;place-items:center;color:#5d6660;border:0;background:transparent;border-radius:3px}.editor-toolbar button:hover,.editor-toolbar button.active,.preview-header button:hover{background:#e5ebe6;color:#11513d}.toolbar-divider{width:1px;height:22px;background:var(--line);margin:0 5px}.editor-content{min-height:330px;padding:22px;font:14px/1.6 Arial,sans-serif;outline:none}.editor-content img,.email-body img{max-width:100%;height:auto}.editor-content a,.email-body a{color:#146eb4}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.preview-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;min-height:480px}.preview-header{height:44px;display:flex;align-items:center;justify-content:center;gap:16px;background:#f7f8f5;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.preview-header button:disabled{opacity:.3}.email-preview{font-family:Arial,sans-serif}.email-subject{display:grid;grid-template-columns:60px 1fr;gap:10px;padding:14px 20px;border-bottom:1px solid #ecefeb;font-size:13px}.email-subject span{color:#7a827d}.email-body{padding:24px;font-size:14px;line-height:1.55}.preview-empty{width:100%;min-height:430px;border:0;background:#fff;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.preview-empty strong{color:var(--ink)}.preview-empty span{font-size:11px}.send-summary h2{font-family:Newsreader;margin:0 0 16px}.send-summary dl{margin:0}.send-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ecefeb;font-size:12px}.send-summary dt{color:var(--muted)}.send-summary dd{margin:0;font-weight:700;text-align:right}.notice{display:flex;gap:9px;padding:14px 0;color:var(--muted);font-size:11px;line-height:1.45}.notice svg{color:var(--green);flex:0 0 auto}.send-button{width:100%;justify-content:center}.actions{min-height:72px;border-top:1px solid var(--line);background:#fbfcfa;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1120px)/2))}.primary,.secondary{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:4px;font-weight:700;font-size:12px}.primary{color:#fff;background:var(--green);border:1px solid var(--green)}.primary:hover{background:#11513d}.primary:disabled{background:#9bb0a7;border-color:#9bb0a7;cursor:not-allowed}.secondary{color:#424a45;background:#fff;border:1px solid #cfd5d1}.secondary:disabled{opacity:.45;cursor:default}.status-screen{text-align:center;max-width:880px}.status-hero{max-width:600px;margin:30px auto 36px}.status-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--green);background:#e4f2eb;border-radius:50%;margin:0 auto 18px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status-tile{text-align:left;padding:18px;background:#fff;border:1px solid var(--line);border-top:3px solid #abb2ad;border-radius:5px}.status-tile span{display:block;color:var(--muted);font-size:11px}.status-tile strong{display:block;font:600 28px Newsreader;margin-top:6px}.status-tile.blue{border-top-color:#4784b8}.status-tile.green{border-top-color:var(--green)}.status-tile.red{border-top-color:#b84b43}.progress{height:6px;margin:22px 0 30px;background:#dde2de;border-radius:5px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green);transition:width .4s}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}}@media(max-width:820px){.workspace{grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw;overflow:hidden}.rail{min-width:0;width:100%;max-width:100vw;flex-direction:row;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.rail-title{display:none}.rail-step{min-width:max-content}.screen{width:calc(100% - 32px);padding-top:30px}.compose-grid,.review-grid{grid-template-columns:1fr}.merge-panel{order:-1}.topbar{padding:0 16px}.topbar-meta span:last-child{display:none}.actions{padding:0 16px}.status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.screen h1{font-size:30px}.screen-heading{align-items:start;flex-direction:column}.mode{display:none}.rail-step{padding:7px;font-size:11px}.rail-step span{width:21px;height:21px}.email-body{padding:16px}}.topbar-meta{display:flex;align-items:center;gap:14px}.user-name{font-size:13px;color:var(--ink,#1f2933)}.link-button{background:none;border:1px solid var(--line,#e2e8f0);border-radius:8px;padding:6px 14px;font:inherit;font-size:13px;color:var(--accent,#2563eb);cursor:pointer}.link-button:hover{background:#f1f5f9}.signed-out{display:grid;place-items:center;min-height:calc(100vh - 65px);padding:24px}.signed-out-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:420px;padding:40px;background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:16px;box-shadow:0 12px 40px #0f172a0f}.signed-out-card h1{font-size:26px;margin:0}.signed-out-card p{color:#64748b;margin:0}.signed-out-card .alert{width:100%}.toolbar-select{height:30px;border:1px solid var(--line,#e2e8f0);border-radius:7px;background:#fff;font:inherit;font-size:13px;padding:0 8px;color:var(--ink,#1f2933);cursor:pointer}.toolbar-select:disabled{opacity:.5;cursor:not-allowed}.editor-content h1{font-size:26px;margin:.4em 0}.editor-content h2{font-size:22px;margin:.4em 0}.editor-content h3{font-size:18px;margin:.4em 0}.email-body h1{font-size:26px;margin:.4em 0}.email-body h2{font-size:22px;margin:.4em 0}.email-body h3{font-size:18px;margin:.4em 0}.email-image,.email-body img{max-width:100%;height:auto}.merge-panel code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:12px}.merge-hint{font-size:12px;color:#64748b}.sender-confirmation{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid #c8ddd2;border-radius:4px;background:#f2f8f4;color:#3d5147;font-size:12px;line-height:1.45}.sender-confirmation input{margin:2px 0 0;accent-color:var(--green)}.status-grid-wide{grid-template-columns:repeat(4,1fr)}.recipient-tracking{text-align:left;margin:28px 0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px}.recipient-tracking>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.recipient-tracking h2{font:600 22px Newsreader;margin:0}.recipient-tracking p{margin:3px 0 14px;color:var(--muted);font-size:11px}.recipient-tracking input{width:100%;height:38px;border:1px solid #cfd5d1;border-radius:4px;padding:0 11px;margin-bottom:10px}.recipient-list{max-height:300px;overflow:auto;border-top:1px solid #ecefeb}.recipient-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 2px;border-bottom:1px solid #ecefeb;font-size:12px}.recipient-list strong{font-size:11px}.delivery-queued,.delivery-submitted{color:#34729e}.delivery-delivered{color:var(--green)}.delivery-bounced,.delivery-suppressed,.delivery-failed{color:#a83e35}.delivery-unknown{color:#68716b}@media(max-width:820px){.status-grid-wide{grid-template-columns:repeat(2,1fr)}}.toolbar-size{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px}.toolbar-size span:first-child{font-weight:600}.toolbar-size input{width:60px;height:29px;border:1px solid #cfd5d1;border-radius:3px;padding:0 5px;font-size:12px}.editor-content table{width:100%;border-collapse:collapse;table-layout:fixed;margin:10px 0}.editor-content th,.editor-content td{min-width:60px;border:1px solid #cfd5d1;padding:6px 8px;vertical-align:top}.editor-content th{background:#f0f3ef;font-weight:700}.editor-content .selectedCell:after{background:#176b501f}.editor-content img.ProseMirror-selectednode{outline:2px solid var(--green);outline-offset:3px}.resizable-image{position:relative;display:inline-block;line-height:0;max-width:100%}.resizable-image img{display:block;max-width:100%;height:auto}.resizable-image .resize-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;background:var(--green);border:2px solid #fff;border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 3px #00000040;opacity:0;transition:opacity .12s}.resizable-image:hover .resize-handle,.resizable-image.ProseMirror-selectednode .resize-handle{opacity:1}.resizable-image.ProseMirror-selectednode img{outline:2px solid var(--green);outline-offset:2px}.history-panel{width:min(1120px,calc(100% - 64px));margin:24px auto 0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 26px;box-shadow:0 1px 3px #2025220a}.history-panel .screen-heading{margin-bottom:18px}.history-panel h2{font:600 22px Newsreader;margin:0}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.history-row{display:grid;grid-template-columns:1fr;gap:6px;text-align:left;padding:14px 16px;background:#fafbf9;border:1px solid var(--line);border-left:3px solid #abb2ad;border-radius:6px;transition:border-color .15s,background .15s,transform .1s}.history-row:hover{background:#fff;border-left-color:var(--green);transform:translateY(-1px)}.history-row time,.history-row .h-when{font-size:12px;color:var(--muted);font-weight:500}.history-row .h-summary{font-size:14px;font-weight:600;color:var(--ink);line-height:1.4}.history-row .h-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.history-row.h-delivered{border-left-color:var(--green)}.history-row.h-canceled{border-left-color:#a83e35;opacity:.75}.history-empty{color:var(--muted);font-size:14px;padding:8px 0}@media(max-width:520px){.history-panel{width:calc(100% - 32px);padding:18px}.history-list{grid-template-columns:1fr}}