@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap');
:root{--ink:#20392f;--green:#176b58;--line:#dedfd7}*{box-sizing:border-box}body{margin:0;background:#f6f6ee;color:var(--ink);font:14px Heebo,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #176b58;outline-offset:4px}header{height:85px;padding:0 5.3%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:32px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.brand b{display:inline-grid;place-items:center;background:var(--green);color:#edf2c5;width:34px;height:34px;border-radius:50%;font-size:25px;font-weight:400}header>span{color:#7c847d;font-size:12px}header button{margin-right:auto;border:0;background:none;font-size:12px}main{max-width:1370px;margin:auto;padding:0 5.3%}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 0 35px}.intro small{font-size:11px}.intro h1{font-size:57px;line-height:1.14;letter-spacing:-2px;margin:17px 0 15px;font-weight:600}h1 em{font-style:normal;color:var(--green)}.intro p{font-size:14px;color:#798179;line-height:1.9;margin:0}.art{position:relative;width:280px;height:220px;margin-left:45px}.art i{position:absolute;border:1px solid #c4cdb9;border-radius:50%;width:220px;height:125px;top:44px;left:25px;transform:rotate(-32deg)}.art i:nth-child(2){transform:rotate(32deg)}.art>span{position:absolute;top:57px;left:42px;font:italic 78px Georgia,serif;color:#4d745c;transform:rotate(-12deg)}.art>small{position:absolute;bottom:15px;left:51px;font-size:9px;letter-spacing:2px;transform:rotate(-8deg)}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}aside{padding:25px;border-left:1px solid var(--line)}.editor-title{display:flex;justify-content:space-between;align-items:center}.editor-title h2{font-size:18px;letter-spacing:-.4px;margin:0}.editor-title small{font-size:10px;color:#8c968b;direction:ltr}nav{display:flex;gap:4px;background:#f2f3ed;border-radius:7px;padding:4px;margin:23px 0}nav button{flex:1;border:0;background:none;padding:8px;border-radius:5px;font-size:12px;color:#798277}nav .active{background:white;box-shadow:0 2px 4px #0000000b;color:var(--green);font-weight:600}.panel h3{font-size:11px;font-weight:600;color:#899284;margin:21px 0 14px}label{display:block;font-size:11px;font-weight:500;margin-bottom:14px}label small{font-size:10px;font-weight:400;color:#9b9f98;margin-right:5px}input:not([type=checkbox]):not([type=color]),select{width:100%;height:39px;border:1px solid #e2e5dc;border-radius:6px;background:#fff;padding:8px 11px;margin-top:6px;color:#34483e;font-size:12px}input:focus,select:focus{border-color:var(--green);outline:2px solid #176b5815}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-bottom{border-top:1px solid #eceee7;padding-top:18px;margin-top:23px;display:flex;align-items:center;justify-content:space-between}.editor-bottom label{display:flex;gap:6px;align-items:center;color:#899185;font-size:10px;margin:0}.editor-bottom input{accent-color:var(--green)}.editor-bottom button{background:none;border:0;font-size:10px;color:#8b9387}.preview{padding:25px 30px 21px;background:#f0f2e9}.preview-title{display:flex;justify-content:space-between;font-size:11px;margin:0 0 18px}.preview-title small{color:#929b8d;font-size:10px}.mail{border:1px solid #e0e4d9;border-radius:9px;background:white;box-shadow:0 7px 24px #2d453a05;overflow:hidden}.toolbar{height:37px;background:#fafbf8;border-bottom:1px solid #eceee7;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;color:#899083}.toolbar>span:first-child{font-size:8px;color:#d8ded2}.meta{padding:9px 18px;border-bottom:1px solid #f0f1eb;color:#a3a79d;font-size:10px}.meta span{color:#7c8679;margin-right:10px}.mail-body{padding:18px 24px 26px;min-height:285px;overflow:auto}.sample{color:#a3aa9e;font-size:11px;line-height:1.9;margin:0 0 25px}#signature{min-height:115px;overflow-wrap:anywhere}.template-title{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.template-title h3{font-size:12px;font-weight:500;margin:0}.template-title small{font-size:9px;color:#949d8c}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.templates>button{background:#f9faf5;border:1px solid #dfe4d6;border-radius:7px;padding:12px 12px 9px;text-align:right;font-size:10px}.templates>.selected{border:1.5px solid var(--green);background:#f9fcf6;box-shadow:0 0 0 2px #176b5808}.templates small{color:#a7afa0;font-size:9px;float:left}.mini{display:flex;gap:10px;align-items:center;height:43px;margin-bottom:10px}.mini b{display:block;width:27px;height:27px;border-radius:50%;background:#bdcdb5}.mini span{width:62%;border-right:2px solid #669079;padding-right:8px}.mini i{display:block;height:3px;background:#d7dfcf;width:90%;margin:5px 0}.mini i:first-child{width:65%;background:#6c8f79}.mini.minimal span{border:0}.mini.bold{border-top:4px solid #6f927c}.mini.bold b{border-radius:3px}.mini.bold span{border:0}.export{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe4d6;margin-top:23px;padding-top:19px;gap:12px}.export strong{font-size:12px;font-weight:600}.export p{font-size:10px;color:#929b89;margin:5px 0 0}.primary{background:var(--green);color:white;border:0;border-radius:6px;padding:13px 21px;font-size:12px;white-space:nowrap}.primary:hover{background:#115543}.options{display:flex;align-items:center;gap:18px;margin-top:14px}.options button{border:0;background:none;font-size:9px;padding:0;color:#7c8976}.options>small{font-size:8px;color:#96a18e;margin-right:auto;direction:ltr}footer{display:flex;align-items:center;gap:25px;padding:29px 0;color:#939b8b;font-size:10px}footer strong{font-size:21px;color:#5a715d}footer>span:last-child{margin-right:auto}.hint{font-size:11px;line-height:1.8;color:#899282}.colors{display:flex;align-items:center;gap:10px;margin:15px 0 25px}.colors>button{width:25px;height:25px;border:3px solid white;box-shadow:0 0 0 1px #d9dfd3;border-radius:50%}.colors label{display:flex;align-items:center;gap:8px;margin:0 12px 0 0;font-size:10px}.colors input{width:25px;height:25px;border:0;padding:0;background:none}dialog{border:1px solid #dce2d4;border-radius:15px;padding:35px;max-width:500px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 15px 80px #12251c25}dialog::backdrop{background:#1e322f65;backdrop-filter:blur(3px)}dialog h2{font-size:25px}.close{float:left;border:0;background:none;font-size:26px;color:#8a9685}dialog ol{padding-right:18px;line-height:2.1;font-size:13px}dialog textarea{width:100%;height:230px;font:11px monospace;margin-bottom:16px;border:1px solid #dce2d4;border-radius:6px;padding:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;padding:12px 23px;border-radius:8px;background:var(--ink);color:white;transition:.2s;z-index:5;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:1050px){main{padding:0 4%}.workspace{grid-template-columns:330px minmax(0,1fr)}aside{padding:20px}.preview{padding:22px 20px}.export{align-items:stretch;flex-direction:column}.options>small{display:none}}@media(max-width:760px){header{height:70px;padding:0 5%;gap:14px}header>span{display:none}.intro{padding:33px 0 28px}.intro h1{font-size:44px}.art{width:110px;margin:0;transform:scale(.55);transform-origin:left center}.workspace{display:flex;flex-direction:column}aside{border:0;border-bottom:1px solid var(--line)}.preview{padding:22px 17px}.mail-body{padding:18px 15px}.template-title>small{display:none}.templates{gap:7px}.templates>button{padding:10px 8px}.export{flex-direction:column;align-items:stretch}.options{justify-content:center}footer{gap:15px}footer>span:last-child{display:none}.intro p{font-size:12px}.grid{gap:10px}}
/* Organization logo workflow */
nav{flex-wrap:wrap}nav button{min-width:55px}.search-row{display:flex;gap:7px;align-items:center}.search-row input{min-width:0}.search-row button,.secondary{border:1px solid #cdd8ca;border-radius:6px;background:#f4f7ef;padding:9px 12px;font-size:11px;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.5}.org-card{display:flex;flex-direction:column;gap:3px;width:100%;text-align:right;background:#fafbf7;border:1px solid #dde5d7;border-radius:7px;padding:12px;margin:8px 0}.org-card span{font-size:11px;color:#778471}.org-card small{font-size:10px;color:#8b9684;direction:ltr;text-align:right}.org-card:hover{border-color:#176b58}#logo-status{font-size:11px;line-height:1.8;color:#566f57}.logo-card{border:1px solid #dbe3d3;padding:14px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:10px 0}.logo-card img{object-fit:contain;max-width:100%;height:65px;background:#f8f9f6;padding:5px}.logo-card small{font-size:10px;color:#677c5e}.logo-card p{font-size:10px;color:#8c9785;margin:0}.logo-card a,#logo-source,#approve-source{font-size:11px;color:#176b58;text-decoration:underline}.logo-picked{display:flex;align-items:center;gap:12px;border:1px solid #d9e4d0;padding:12px;border-radius:8px;margin-top:20px}.logo-picked img{width:60px;height:50px;object-fit:contain}.logo-picked strong{font-size:12px}.logo-picked p{font-size:10px;margin:5px 0;color:#7d8975}.logo-picked button{background:none;border:0;font-size:22px;margin-right:auto}.logo-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}#logo input[type=range]{width:100%;accent-color:#176b58;margin-top:10px}#logo input[type=color]{display:block;width:100%;height:38px;margin-top:6px;border:1px solid #e2e5dc;padding:3px;background:white;border-radius:6px}#logo output{color:#176b58}.check-label{display:flex;gap:8px;align-items:flex-start;line-height:1.9;margin-top:15px}.check-label input{accent-color:#176b58;margin-top:5px}.upload-label input{display:block;width:100%;margin-top:8px;font-size:10px}#logo details{padding:13px 0;border-top:1px solid #e2e7dd;border-bottom:1px solid #e2e7dd;margin-top:15px}#logo summary{cursor:pointer;font-size:11px;margin-bottom:12px}.approval-image{display:block;max-width:220px;max-height:100px;object-fit:contain;margin:18px 0}#logo-approval p{font-size:13px;line-height:1.9}.workspace{align-items:stretch}.preview{align-self:start;position:sticky;top:0}#logo-selected{border-top:1px solid #dde4d5}@media(max-width:760px){.preview{position:static}}
@media(max-width:760px){.preview{align-self:stretch;width:100%}.templates>button{min-width:0}.templates small{float:none;display:block;margin-top:4px}}
/* Closing sentence generator */
.quote-generator{border:1px solid #d9e3d2;background:#fafcf6;border-radius:9px;margin:3px 0 18px;padding:13px}.quote-generator summary{cursor:pointer;list-style:none;color:#176b58;font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:3px}.quote-generator summary::after{content:'+';align-self:flex-end;margin-top:-28px;font-size:20px;font-weight:400}.quote-generator[open] summary::after{content:'−'}.quote-generator summary small{font-size:10px;color:#8b9780;font-weight:400}.quote-controls{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.quote-controls label:last-child{grid-column:1/-1}.quote-generator .quote-controls select{background:white}.quote-generate-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.quote-generate-row>span{font-size:10px;color:#89967d}.quote-card{background:white;border:1px solid #dee6d7;border-radius:8px;padding:14px;margin-top:10px}.quote-type{font-size:9px;color:#86977b}.quote-card blockquote{margin:10px 0 12px;font-size:14px;line-height:1.8;color:#294933;font-weight:500;overflow-wrap:anywhere}.quote-card blockquote[dir=ltr],.quote-author[dir=ltr]{text-align:left}.quote-author{font-size:10px;line-height:1.8;color:#7b8871;margin:6px 0}.quote-source{font-size:9px;color:#647e51;text-decoration:underline;display:inline-block}.quote-apply{display:block;margin-top:12px;border:1px solid #cbd9c0;border-radius:5px;background:#f1f6e9;padding:7px 12px;font-size:10px;color:#316042}.quote-apply[aria-pressed=true]{background:#176b58;color:white;border-color:#176b58}.quote-bottom{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #e2e9d9;margin-top:12px;padding-top:12px}.quote-bottom button{border:0;background:none;font-size:9px;padding:0;color:#718363}.quote-bottom button:disabled{opacity:.4}.quote-generator>.hint{font-size:9px;margin-bottom:0}.quote-generator #quote-status{font-size:10px;line-height:1.9;color:#637c52;margin:11px 0}
/* Quick generation is the default; full controls stay available below. */
.quote-simple{margin:2px 0 18px}.quote-quick-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quote-quick-buttons button{border:1px solid #cfdcc6;background:#f1f6e9;border-radius:7px;padding:11px 6px;color:#176b58;font-size:11px;font-weight:500}.quote-quick-buttons button:hover{background:#e5efdb;border-color:#176b58}.quote-quick-note{font-size:9px;color:#88977b;line-height:1.7;margin:8px 0 12px}.quote-simple>.quote-generator{margin:0;border:0;border-top:1px solid #e1e7d9;background:transparent;border-radius:0;padding:12px 0 0}.quote-simple>.quote-generator>summary{font-size:10px;font-weight:400;color:#7c8f6d}.quote-simple>.quote-generator>summary small{display:none}.quote-simple>.quote-generator>summary::after{font-size:16px;margin-top:-24px}.quote-simple #quote-quick-result{padding:13px 14px;margin-top:10px;background:#f9fbf5;border:1px solid #dde6d5;border-radius:7px}.quote-simple #quote-quick-result blockquote{margin:0;font-size:13px;line-height:1.9;color:#355840;overflow-wrap:anywhere}.quote-simple #quote-quick-result [dir=ltr]{text-align:left}.quote-simple #quote-quick-result a{display:block;margin-top:6px;font-size:9px;line-height:1.7;color:#7f8e73;text-decoration:underline}
/* Keep linked image previews inside their allocated space, including flex cards. */
#signature img{object-fit:contain} .logo-card img{width:100%;max-width:100%;height:65px;max-height:65px;object-fit:contain}.logo-picked{min-width:0}.logo-picked>div{min-width:0;overflow-wrap:anywhere}.logo-picked img{flex:0 0 60px;max-width:60px;max-height:50px;object-fit:contain}.approval-image{width:100%;height:100px;max-width:220px;max-height:100px;object-fit:contain}.preview,.mail,.mail-body,#signature{min-width:0}
.image-size-control{margin-top:-2px;margin-bottom:14px;padding:10px 12px;border:1px solid #e2e8da;border-radius:7px;background:#fafcf6}.image-size-control>span{display:flex;justify-content:space-between;align-items:center;font-size:10px}.image-size-control output{font-size:10px;color:#176b58;direction:ltr}.image-size-control input[type=range]{width:100%;height:22px;border:0;padding:0;margin-top:8px;background:transparent;accent-color:#176b58;cursor:pointer}.image-size-control input[type=range]:disabled{opacity:.4;cursor:default}.image-size-control>small{display:flex;justify-content:space-between;font-size:9px;color:#9aa58e;margin:0;direction:ltr}.image-size-control>small span{direction:rtl}