@import"https://fonts.googleapis.com/css2?family=Alata&family=Atkinson+Hyperlegible:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--encre-bleue: #2A3648;--dossier-marron: #9B8E7D;--cachet-orange: #E7643B;--papier-velin: #F9F5EC;--blanc-coton: #FFFDF8;--border-subtle: #E5DFD3;--text-muted: #7A7268;--font-display: "Alata", sans-serif;--font-body: "Atkinson Hyperlegible", sans-serif;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--papier-velin);color:var(--encre-bleue);line-height:1.6;font-size:16px;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(155,142,125,.06) 31px,rgba(155,142,125,.06) 32px)}h1,h2,h3{font-family:var(--font-display);font-weight:400}button{font-family:var(--font-body);cursor:pointer}select{font-family:var(--font-body)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center}.header{width:100%;max-width:720px;padding:var(--space-8) var(--space-6) var(--space-4);display:flex;align-items:baseline;gap:var(--space-3)}.brand{font-family:var(--font-display);font-size:24px;color:var(--encre-bleue);letter-spacing:.5px}.tagline{font-size:13px;color:var(--text-muted);font-style:italic}.main{width:100%;max-width:720px;padding:0 var(--space-6) var(--space-12);display:flex;flex-direction:column;gap:var(--space-10)}.form-card{background:var(--blanc-coton);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:0 1px 3px #2a36480f}.form-heading{font-size:20px;margin-bottom:var(--space-6);color:var(--encre-bleue)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:13px;font-weight:500;color:var(--encre-bleue);margin-bottom:var(--space-2);letter-spacing:.02em}.form-select{width:100%;padding:10px 14px;font-size:16px;font-family:var(--font-body);color:var(--encre-bleue);background:var(--papier-velin);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232A3648' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .15s,box-shadow .15s}.form-select:focus{outline:none;border-color:var(--encre-bleue);box-shadow:0 0 0 3px #2a36481a}.generate-btn{width:100%;padding:14px 24px;font-size:16px;font-weight:500;color:#fff;background:var(--cachet-orange);border:none;border-radius:var(--radius-sm);margin-top:var(--space-4);letter-spacing:.02em;transition:background .15s,transform .1s}.generate-btn:hover{background:#d05530}.generate-btn:active{transform:scale(.99)}.preview-section{display:flex;flex-direction:column;gap:var(--space-4)}.preview-header{display:flex;align-items:center;gap:var(--space-2)}.preview-heading{font-size:20px;color:var(--encre-bleue)}.wax-seal{width:18px;height:18px;flex-shrink:0}.email-card{background:var(--blanc-coton);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:0 1px 3px #2a36480f;position:relative}.email-meta{display:flex;gap:var(--space-6);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:13px;color:var(--text-muted)}.email-meta-item{display:flex;flex-direction:column;gap:2px}.email-meta-label{font-weight:500;color:var(--dossier-marron);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.email-meta-value{color:var(--encre-bleue);font-size:14px}.email-subject{font-family:var(--font-display);font-size:18px;color:var(--encre-bleue);margin-bottom:var(--space-5)}.email-body{white-space:pre-wrap;font-size:15px;line-height:1.7;color:var(--encre-bleue)}.copy-btn{align-self:flex-end;padding:8px 16px;font-size:13px;font-weight:500;color:var(--encre-bleue);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:background .15s,border-color .15s}.copy-btn:hover{background:var(--papier-velin);border-color:var(--dossier-marron)}.copy-btn.copied{color:#2d7a4b;border-color:#2d7a4b}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted)}.empty-icon{margin-bottom:var(--space-4);opacity:.4}.empty-text{font-size:15px;font-style:italic}.footer{width:100%;max-width:720px;padding:var(--space-6);text-align:center;font-size:12px;color:var(--text-muted);margin-top:auto}@media(max-width:520px){.header{padding:var(--space-6) var(--space-4) var(--space-2)}.main{padding:0 var(--space-4) var(--space-8)}.form-card,.email-card{padding:var(--space-6) var(--space-4)}.tagline{display:none}.email-meta{flex-direction:column;gap:var(--space-3)}}