.email-generator{--g-ink:var(--ink,#262c27);--g-muted:var(--muted,#6b7068);--g-line:var(--line,#dedfd5);--g-accent:var(--accent,#d25237);color:var(--g-ink);margin:2.2rem 0 3rem}.generator-steps{color:var(--g-muted);justify-content:center;gap:2.5rem;margin-bottom:2rem;font-size:.8rem;font-weight:600;display:flex}.generator-steps b{color:var(--g-accent);margin-right:.5rem;font-size:.72rem}.generator-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start;gap:1.6rem;display:grid}.generator-editor{border:1px solid var(--g-line);background:#fff;border-radius:14px;padding:1.7rem}.editor-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.4rem;display:flex}.gen-kicker{letter-spacing:.14em;color:var(--g-accent);margin:0 0 .5rem;font-size:.65rem;font-weight:700}.editor-heading h2{letter-spacing:-.04em;margin:0;font-size:1.4rem;line-height:1.2}.local-badge{white-space:nowrap;color:#4b6340;background:#f2f5ed;border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .55rem;font-size:.65rem;display:inline-flex}.local-badge span{background:#6d8d53;border-radius:50%;width:5px;height:5px}.gen-field{margin-bottom:1.2rem}.gen-field label{margin-bottom:.45rem;font-size:.79rem;font-weight:650;display:block}.gen-field label span[aria-label]{color:var(--g-accent)}.gen-field :is(input,select,textarea){box-sizing:border-box;width:100%;min-height:44px;color:var(--g-ink);font:inherit;background:#fcfcf9;border:1px solid #d8dcd2;border-radius:7px;padding:.7rem .8rem;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.gen-field textarea{resize:vertical;line-height:1.55}.gen-field :is(input,select,textarea):focus{border-color:var(--g-accent);outline:none;box-shadow:0 0 0 3px #d2523718}.gen-field [aria-invalid=true]{border-color:#b33625}.gen-hint,.gen-field-bottom small{color:var(--g-muted);margin-top:.35rem;font-size:.68rem;line-height:1.5;display:block}.gen-error{margin-top:.3rem;display:block;color:#a62f22!important;font-size:.7rem!important}.gen-error[hidden]{display:none}.gen-optional{float:right;color:var(--g-muted);font-size:.68rem;font-weight:400}.gen-purpose{color:#617054;background:#f4f4ed;border-radius:6px;padding:.65rem .75rem;font-size:.66rem;line-height:1.5}.gen-usage{color:var(--g-muted);margin:.65rem 0 1.3rem;font-size:.73rem;line-height:1.65}.gen-confirm{background:#faf6ed;border-radius:7px;align-items:flex-start;gap:.6rem;padding:1rem;font-size:.73rem;line-height:1.6;display:flex}.gen-confirm input{width:17px;min-width:17px;height:17px;accent-color:var(--g-accent);margin-top:.22rem}.gen-reset-row{justify-content:space-between;gap:.7rem;margin-top:1rem;display:flex}.gen-text-button{color:var(--g-muted);cursor:pointer;background:0 0;border:0;padding:.3rem 0;font-size:.71rem;text-decoration:underline}.generator-preview-sticky{border:1px solid var(--g-line);background:#e9ece4;border-radius:14px;position:sticky;top:100px;overflow:hidden}.preview-toolbar{background:#e4e8dd;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.1rem;display:flex}.preview-toolbar>div:first-child{letter-spacing:.12em;align-items:center;gap:.4rem;font-size:.63rem;font-weight:700;display:flex}.preview-dot{background:#728264;border-radius:50%;width:6px;height:6px}.device-switch{background:#d4dacb;border-radius:5px;padding:3px;display:flex}.device-switch button{color:#536049;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:.35rem .65rem;font-size:.65rem}.device-switch button[aria-pressed=true]{color:#273020;background:#fff;box-shadow:0 1px 2px #0001}.preview-inbox{border-bottom:1px solid var(--g-line);background:#fff;padding:1rem 1.2rem}.preview-inbox>div{align-items:baseline;gap:.7rem;margin:.25rem 0;line-height:1.5;display:flex}.preview-inbox span{color:var(--g-muted);flex:0 0 43px;font-size:.65rem}.preview-inbox strong{overflow-wrap:anywhere;font-size:.8rem}.preview-inbox p{color:var(--g-muted);overflow-wrap:anywhere;margin:0;font-size:.7rem}.preview-frame-wrap{justify-content:center;min-width:0;padding:1rem;display:flex}.preview-frame-wrap iframe{background:#fff;border:none;border-radius:5px;width:100%;min-width:0;transition:max-width .2s;box-shadow:0 8px 30px #2633220b}.preview-frame-wrap.mobile iframe{max-width:350px}.gen-mode{color:var(--g-muted);margin:0;padding:.2rem 1.2rem 1rem;font-size:.69rem;line-height:1.6}.gen-mode span{color:#905722;background:#f8e7c8;border-radius:3px;margin-right:.3rem;padding:.15rem .4rem;font-weight:600}.gen-export{background:#fff;grid-template-columns:1fr 1fr;gap:.55rem;padding:1rem 1.2rem;display:grid}.gen-export button,.copy-fallback button{border:1px solid var(--g-line);min-height:42px;font:inherit;cursor:pointer;background:#fff;border-radius:5px;padding:.65rem .7rem;font-size:.72rem;font-weight:600}.gen-export button:disabled{opacity:.45;cursor:not-allowed}.gen-export .gen-primary{background:var(--g-accent);border-color:var(--g-accent);color:#fff;justify-content:space-between;align-items:center;display:flex}.gen-export .gen-print-button{background:#f7f7f2;grid-column:1/-1}.gen-status{color:#617054;background:#fff;margin:0;padding:0 1.2rem .8rem;font-size:.69rem;line-height:1.5}.gen-sending-note{border-top:1px solid var(--g-line);color:var(--g-muted);background:#f2f3ed;margin:0;padding:1rem 1.2rem;font-size:.67rem;line-height:1.7}.gen-notice{background:#f4e9ce;border-radius:8px;padding:1rem 1.2rem;font-size:.85rem;line-height:1.5}.gen-notice[hidden],.gen-warnings[hidden],.copy-fallback[hidden]{display:none}.gen-warnings{color:#855919;background:#fff4dc;padding:.8rem 1.2rem;font-size:.7rem;line-height:1.6}.copy-fallback{background:#fff7e9;padding:1.2rem}.copy-fallback label{font-size:.8rem;font-weight:700}.copy-fallback p{font-size:.72rem;line-height:1.5}.copy-fallback textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--g-line);border-radius:5px;width:100%;padding:.7rem;font-family:monospace;font-size:.75rem}.copy-fallback button{margin-top:.5rem}.gen-export button:focus-visible,.gen-text-button:focus-visible,.device-switch button:focus-visible{outline-offset:3px;outline:3px solid #d2523755}@media (width<=850px){.generator-grid{grid-template-columns:1fr}.generator-preview-sticky{position:static}.generator-editor{padding:1.3rem}.generator-steps{gap:1rem;font-size:.65rem}.generator-steps b{margin-right:.2rem}.editor-heading h2{font-size:1.35rem}.preview-frame-wrap iframe{height:620px}}@media (width<=420px){.generator-steps{flex-wrap:wrap;gap:.5rem 1rem}.editor-heading{display:block}.local-badge{margin-top:.75rem}.generator-editor{padding:1rem}.preview-frame-wrap{padding:.5rem}.preview-inbox,.preview-toolbar{padding:.8rem}.gen-export{gap:.4rem;padding:.8rem}.gen-export button{padding:.5rem;font-size:.66rem}.gen-reset-row{flex-wrap:wrap}}.tool-hero[data-astro-cid-upxabys2]{text-align:center;padding-top:40px;padding-bottom:42px}.tool-hero[data-astro-cid-upxabys2] .breadcrumb[data-astro-cid-upxabys2]{justify-content:center}.tool-hero[data-astro-cid-upxabys2] .pill[data-astro-cid-upxabys2]{margin-bottom:25px}.tool-hero[data-astro-cid-upxabys2] h1[data-astro-cid-upxabys2]{max-width:850px;margin:0 auto 20px;font-size:clamp(2.5rem,4.8vw,4.2rem)}.tool-hero[data-astro-cid-upxabys2] p[data-astro-cid-upxabys2]{margin-bottom:15px;font-size:16px}.privacy-note[data-astro-cid-upxabys2]{color:var(--muted);font-size:11px}.tool-section[data-astro-cid-upxabys2]{padding-bottom:25px}.tool-help[data-astro-cid-upxabys2]{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.tool-help[data-astro-cid-upxabys2]>div[data-astro-cid-upxabys2]:first-child p[data-astro-cid-upxabys2]{max-width:340px;font-size:14px}.help-steps[data-astro-cid-upxabys2] article[data-astro-cid-upxabys2]{gap:22px;margin-bottom:26px;display:flex}.help-steps[data-astro-cid-upxabys2] article[data-astro-cid-upxabys2]>span[data-astro-cid-upxabys2]{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.help-steps[data-astro-cid-upxabys2] p[data-astro-cid-upxabys2]{margin-bottom:0;font-size:13px}.help-steps[data-astro-cid-upxabys2] h3[data-astro-cid-upxabys2]{margin-bottom:9px}.tool-faq[data-astro-cid-upxabys2]{border-top:1px solid var(--line)}@media (width<=760px){.tool-help[data-astro-cid-upxabys2]{grid-template-columns:1fr;gap:30px}.tool-hero[data-astro-cid-upxabys2]{padding-top:30px}.tool-hero[data-astro-cid-upxabys2] p[data-astro-cid-upxabys2]{font-size:14px}.privacy-note[data-astro-cid-upxabys2]{font-size:10px;display:block}.tool-hero[data-astro-cid-upxabys2] h1[data-astro-cid-upxabys2]{font-size:2.6rem}.tool-section[data-astro-cid-upxabys2]{width:calc(100% - 24px)}}