:root{font:16px/1.6 system-ui,sans-serif;color:#192e2a;background:#f5f5ef}*{box-sizing:border-box}main{max-width:1000px;margin:50px auto;padding:0 22px}h1{font-size:42px;line-height:1.15}h2{font-size:23px}h3,p{margin:0 0 12px}.eyebrow{font-size:11px;letter-spacing:2px;margin-top:30px}section,form{background:white;border:1px solid #dfe5de;border-radius:14px;padding:25px;margin:24px 0}a{color:#215e50}button{font:600 14px system-ui;background:#215e50;color:white;border:0;padding:12px 16px;border-radius:8px;cursor:pointer}button:disabled{opacity:.45}input{display:block;width:100%;padding:12px;border:1px solid #ccd7d0;border-radius:7px;margin:10px 0 18px}label{display:block}#inspect{margin-right:15px}#preview{margin-top:24px;padding:20px;background:#edf1eb}.heading,article{display:flex;justify-content:space-between;gap:20px;align-items:center}article{padding:18px 0;border-top:1px solid #ddd}article p{font-size:13px;color:#64736d}.error{background:#ffeaeb;padding:15px;border-radius:8px;color:#8a1b20}.success:not(:empty){background:#e5f0e6;padding:15px;border-radius:8px}#current{white-space:nowrap}#message{overflow-wrap:anywhere}li{overflow-wrap:anywhere}@media(max-width:600px){.heading,article{align-items:stretch;flex-direction:column}h1{font-size:33px}}