body{margin:0;background:#f7f8f5;color:#17344b;font:17px/1.65 Arial,sans-serif}main{max-width:1040px;margin:32px auto;padding:0 20px}h1{font-size:clamp(28px,5vw,42px);line-height:1.2}a{color:#087463}button{border:1px solid #087463;background:#087463;color:white;border-radius:6px;padding:11px 16px;font:inherit;cursor:pointer}button:focus-visible,textarea:focus-visible{outline:3px solid #e0aa39;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}label{display:flex;flex-direction:column;font-weight:bold}textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%;padding:10px;border:1px solid #a8babb;border-radius:5px;font:15px/1.5 monospace;background:white;color:#17344b}pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#eaf3ef;padding:18px;border-radius:7px;font:14px/1.6 monospace}@media(max-width:600px){.grid{grid-template-columns:1fr}main{margin-top:22px}button{font-size:15px}}