*{box-sizing:border-box}body{margin:0;color:#22382d;background:#f4f1e7;font:17px/1.55 system-ui}main{max-width:740px;margin:auto;padding:clamp(24px,6vw,64px) 24px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #235237}header strong{letter-spacing:.09em;font-size:14px}h1{font:500 clamp(44px,8vw,74px)/1.05 Georgia,serif;margin:48px 0 20px}h2{font:500 32px Georgia,serif}p{max-width:56ch}button,select,input{font:inherit}button{background:#21573c;color:white;border:0;border-radius:5px;padding:11px 17px;margin:4px;cursor:pointer}button:disabled{opacity:.55}section{border-top:1px solid #bcc8b8;margin-top:24px}img{display:block;width:min(280px,90%);margin:20px 0}input{display:block;width:10ch;letter-spacing:.15em;padding:8px;margin:8px 0}#clear,#preview{color:#21573c;background:#e0e7db}a{color:#134c35;overflow-wrap:anywhere}[hidden]{display:none!important}