.cover-letter-builder{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:1.4rem;display:grid}.cover-letter-controls,.cover-letter-preview{background:#fffdf8;border:1px solid #d8d4cc;border-radius:.55rem;padding:clamp(1.2rem,3vw,2rem);box-shadow:3px 5px #303b4a14}.cover-letter-controls{align-content:start;gap:1rem;display:grid}.cover-letter-heading{margin-bottom:.25rem}.cover-letter-eyebrow{color:#b45c45;letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:850}.cover-letter-heading h2,.cover-letter-preview-top h2{color:#303b4a;letter-spacing:-.045em;margin:.45rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;line-height:1.05}.cover-letter-heading p{color:#657080;margin:.7rem 0 0;font-size:.9rem;line-height:1.6}.cover-letter-controls label{color:#455363;gap:.35rem;font-size:.78rem;font-weight:750;display:grid}.cover-letter-controls input,.cover-letter-controls textarea,.cover-letter-controls select{color:#303b4a;width:100%;font:inherit;background:#fff;border:1px solid #cfd2d0;border-radius:.3rem;padding:.7rem .75rem}.cover-letter-controls textarea{resize:vertical}.cover-letter-controls input:focus-visible,.cover-letter-controls textarea:focus-visible,.cover-letter-controls select:focus-visible{outline-offset:1px;border-color:#ef785d;outline:3px solid #ef785d40}.cover-letter-saved{color:#5f8168;align-items:center;gap:.45rem;margin:.25rem 0 0;font-size:.76rem;display:flex}.cover-letter-saved span{background:#d9ebdd;border-radius:50%;place-items:center;width:1.2rem;height:1.2rem;font-weight:800;display:grid}.cover-letter-preview{background:#f4eee5;align-content:start;gap:1.15rem;display:grid}.cover-letter-preview-top{justify-content:space-between;align-items:end;gap:1rem;display:flex}.cover-letter-page-label{color:#7a807e;font-size:.76rem}.cover-letter-paper{background:#fff;border:1px solid #d5cec1;min-height:540px;padding:clamp(1.4rem,4vw,3.25rem);box-shadow:0 12px 24px #303b4a17}.cover-letter-date{color:#8b8d8e;margin:0 0 2.25rem;font-size:.78rem}.cover-letter-letter{white-space:pre-line;color:#3f4651;max-width:52ch;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.85}.cover-letter-actions{flex-wrap:wrap;gap:.65rem;display:flex}.cover-letter-primary,.cover-letter-secondary{cursor:pointer;min-height:2.8rem;font:inherit;border-radius:999px;padding:.7rem 1.1rem;font-size:.84rem;font-weight:750}.cover-letter-primary{color:#fff;background:#ef785d;border:1px solid #d85f48;box-shadow:0 4px #d65f48}.cover-letter-secondary{color:#303b4a;background:#fffdf8;border:1px solid #b9b8b2}.cover-letter-primary:hover,.cover-letter-secondary:hover{transform:translateY(-1px)}@media (max-width:760px){.cover-letter-builder{grid-template-columns:minmax(0,1fr)}.cover-letter-paper{min-height:460px}}.cover-letter-controls,.cover-letter-preview{border-color:#d9ded1;border-radius:18px;min-width:0;box-shadow:0 6px #e6e7dd}.cover-letter-preview{background:#edf0e5}.cover-letter-heading h2,.cover-letter-preview-top h2{color:#213f35;font-family:var(--font-dm-sans),Arial,sans-serif;font-weight:550}.cover-letter-controls label{color:#40574c;font-size:.85rem}.cover-letter-controls input,.cover-letter-controls textarea,.cover-letter-controls select{background:#f8f8f0;border-color:#cbd2c4;border-radius:10px;min-width:0;padding:.85rem;font-size:1rem;font-weight:400}.cover-letter-paper{border-color:#d9ded1;border-radius:4px}.cover-letter-letter{color:#40574c;overflow-wrap:anywhere}.cover-letter-primary{background:#213f35;border-color:#213f35;box-shadow:0 4px #b8c5a7}.cover-letter-secondary{color:#213f35}@media (max-width:520px){.cover-letter-preview-top{flex-direction:column;align-items:start}}