.postcard{padding:24px;border:1px solid #cfc1d4;border-radius:8px;background:linear-gradient(135deg,#eee3f5,#fff9ee);position:relative}.postcard:after{content:'✉';position:absolute;right:20px;top:12px;font-size:36px;opacity:.25}.postcard.sunrise{background:linear-gradient(135deg,#ffe4cb,#fff6e3)}.postcard.ocean{background:linear-gradient(135deg,#d6ecec,#f8ffff)}.postcard h3{padding-right:30px}.postcard button{margin-right:8px}#shelf{display:grid;gap:18px}textarea{min-height:220px;width:100%;resize:vertical}.letter-message{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.file-label{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;cursor:pointer}input[type=file]{max-width:100%}.letter-header{border-bottom:1px dashed var(--line);padding-bottom:16px}

#import{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden} .file-label:has(+input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}