.letter-builder{padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;margin:24px 0}
.letter-builder form{display:grid;gap:10px}
.letter-builder label{font-weight:600;font-size:14px;margin-top:8px}
.letter-builder input,.letter-builder textarea{width:100%;min-width:0;border:1px solid #d9bdc8;border-radius:12px;padding:12px;font:inherit;font-size:16px;color:var(--ink);background:#fff;resize:vertical}
.letter-builder .button{justify-self:start;cursor:pointer;margin-top:12px}
.letter-builder input:focus-visible,.letter-builder textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.letter-builder [data-letter-result]{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}
.letter-builder [data-letter-draft]{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.letter-builder{padding:18px}}