*{box-sizing:border-box}body{margin:0;background:#f6f8f2;color:#202720;font:16px/1.6 system-ui,sans-serif}main{max-width:560px;margin:8vh auto;padding:32px}.brand{font-weight:800;color:#426431}h1{font-size:28px;line-height:1.3;overflow-wrap:anywhere}h2{font-size:19px}.actions{display:grid;gap:12px;margin:28px 0}.action,button{display:block;border-radius:12px;padding:14px 18px;text-align:center;text-decoration:none;background:#31572a;color:white;font:inherit;font-weight:650;border:0;cursor:pointer}section{background:white;border:1px solid #dfe6d7;border-radius:18px;padding:24px}output{display:block;font:600 19px monospace;overflow-wrap:anywhere;letter-spacing:1px;margin:24px 0}button{width:100%}small{color:#606c59}#copyStatus{font-size:14px}@media(max-width:420px){main{padding:22px;margin:24px auto}output{font-size:16px}}

pre{overflow:auto;font:13px/1.6 monospace;background:#f6f8f2;padding:14px;border-radius:10px}section+section{margin-top:20px}