:root{font-family:DM Sans,Arial,Helvetica,sans-serif;color:#080909;background:#f0f1eb;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}.page-shell{position:relative;isolation:isolate;background:#f0f1eb;max-width:1440px;margin:auto;padding:58px 5% 50px}.page-shell:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:360px;opacity:.55;background:repeating-linear-gradient(90deg,transparent 0 9px,#e2e5dc 10px 14px,transparent 15px 17px);clip-path:polygon(0 77%,13% 62%,27% 64%,42% 82%,66% 57%,85% 24%,100% 44%,100% 0,0 0);mask-image:linear-gradient(160deg,transparent 20%,#000 70%)}header{position:relative;min-height:105px;display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;margin-bottom:17px}.brand{display:block;width:155px;flex-shrink:0;mix-blend-mode:multiply}.brand img{display:block;width:155px;height:auto}h1{font-size:clamp(24px,2.85vw,39px);line-height:1.2;letter-spacing:-.8px;margin:20px 0 0;text-align:left;min-width:0;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);box-shadow:3px 5px 0 #0000000b}.editor{background:#fff;padding:29px 28px}.result{background:#e1e3db;padding:29px 30px 28px;min-width:0}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:28px}.step{font-size:12px;color:white;background:#080909;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}h2{font-size:17px;margin:0;line-height:1.4}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}label span{font-size:12px;font-weight:400;color:#73766c}input{width:100%;min-width:0;border:1px solid #c6c8c2;border-radius:0;padding:12px;font:inherit;font-size:15px;background:white;color:#20221e;margin-bottom:21px;height:45px}input:focus{outline:2px solid #343d2e;outline-offset:2px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mail{background:white;border:1px solid #b1b3ab}.mail-header{background:#000;color:#fff;font-size:13px;padding:14px 20px}.mail-line{font-size:12px;color:#60615d;border-bottom:1px solid #eff0ed;margin:0 22px;padding:13px 0}.mail-line span{margin-left:17px;color:#81847c}.mail-body{padding:16px 24px 35px;overflow-x:auto}.mail-body>p{font-size:14px;color:#74776d;margin:8px 0 18px}#preview{padding-top:20px;display:table;max-width:100%}.preview-note{font-size:12px;line-height:1.6;color:#34362f;margin:16px 0 27px}.actions{display:flex;gap:14px;flex-wrap:wrap}button{font:inherit;font-size:14px;font-weight:500;border:1px solid #080909;padding:14px 18px;background:#080909;color:#fff;cursor:pointer;border-radius:0;min-height:48px}button:hover{background:#30352b}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #596e3d;outline-offset:3px}.secondary{color:#080909;background:transparent}.secondary:hover{background:#d3d7cb}#status{color:#285638;font-size:14px;line-height:1.5;margin:16px 0}#status:empty{display:none}#status.error{color:#993d22}.instructions{margin-top:30px;padding-top:17px;border-top:1px solid #63685b;font-size:14px;line-height:1.65}.instructions summary{cursor:pointer;font-weight:600;list-style:none}.instructions summary::-webkit-details-marker{display:none}.instructions ol{padding-left:18px;margin:12px 0 0}.instructions li{margin:5px 0}.instructions p{font-size:13px}.instructions a{color:#0066cc;font-size:13px}.instructions .hint{margin-top:12px}footer{font-size:12px;color:#34362f;padding-top:25px;line-height:1.6}footer a{color:inherit}.logo-settings{font-size:12px;max-width:500px;margin-top:20px}.logo-settings summary{cursor:pointer;color:#565c4e}.logo-settings label{margin-top:18px}.hint{font-size:12px;color:#565c4e;line-height:1.6}#manual{font-size:14px;line-height:1.6;margin-bottom:20px}@media(max-width:1100px){.page-shell{padding:35px 4%}header{min-height:94px;grid-template-columns:minmax(280px,32%) minmax(0,1fr)}h1{font-size:29px}.brand,.brand img{width:140px}.workspace{grid-template-columns:minmax(280px,32%) minmax(0,1fr)}.editor,.result{padding:24px}.fields{grid-template-columns:1fr;gap:0}}@media(max-width:760px){.page-shell{padding:28px 5%}header{display:flex;flex-direction:column;align-items:center;margin-bottom:28px;gap:18px}.brand,.brand img{width:130px}h1{position:static;font-size:26px;margin:0;letter-spacing:-.5px;text-align:center}.workspace{grid-template-columns:1fr}.fields{grid-template-columns:1fr 1fr;gap:14px}.result,.editor{padding:24px 20px}.mail-body{padding-left:16px;padding-right:16px}.actions button{flex:1 1 190px}.section-title{margin-bottom:24px}h2{font-size:16px}.page-shell:before{height:260px}}@media(max-width:370px){.fields{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

input::placeholder{color:#777d72;opacity:1}

label .required-mark,.required-mark{color:#b42318;font-weight:700}.required-note{font-size:12px;color:#565c4e;margin:0 0 18px}

/* The adaptive layout belongs to the preview only, never the exported email. */
#preview.preview-stacked .signature-contacts,#preview.preview-stacked .signature-contacts>tbody,#preview.preview-stacked .signature-contacts>tbody>tr{display:block}
#preview.preview-stacked .signature-contact-block{display:block;padding:0 0 10px!important}
#preview.preview-stacked .signature-contact-block:last-child{padding-bottom:0!important}