*{box-sizing:border-box}body{margin:0;background:#f6f3ec;color:#1b302d;font:17px/1.6 system-ui,sans-serif}main{max-width:1040px;margin:auto;padding:30px 24px}nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cad2cb;padding-bottom:18px}h1{font-size:clamp(36px,6vw,65px);line-height:1.08;letter-spacing:-2px;max-width:850px;margin:45px 0 20px}h2{line-height:1.25}p{max-width:850px}.pill{background:#f6dfac;padding:7px 13px;border-radius:8px;font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}section{margin-top:32px;padding:24px;background:#fffdf8;border:1px solid #d6dcd5;border-radius:16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2eb;padding:18px;border-radius:10px;font:14px/1.7 ui-monospace,monospace;max-height:420px;overflow:auto}textarea{width:100%;min-height:270px;padding:16px;border:1px solid #8a9c91;border-radius:8px;font:14px/1.6 ui-monospace,monospace;background:white;color:#182f2a}button{cursor:pointer;background:#244e43;color:white;border:0;padding:13px 19px;border-radius:7px;font:inherit;margin:5px 5px 5px 0}button.secondary{background:#e3eade;color:#1d3b32}button:disabled{opacity:.45;cursor:default}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #cb811e;outline-offset:3px}label{display:block;margin:12px 0}.muted,footer{font-size:14px;color:#4e615a}.status{padding:15px;border-left:4px solid #b97519;white-space:pre-wrap;overflow-wrap:anywhere}.price{font-size:25px}footer{margin:36px 0}a{color:#205647}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:18px 14px}section{padding:18px}h1{letter-spacing:-1px}}