:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182d28;background:#f3f6f5;font-synthesis:none;line-height:1.5;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:84px;background:#fff;border-bottom:1px solid #dce5e0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.5px}.mark{display:grid;place-items:center;background:#168150;color:#fff;width:34px;height:34px;border-radius:9px;font-size:23px}.divider{height:22px;width:1px;background:#dce5e0;margin:0 8px}.subbrand{font-size:14px;font-weight:450;color:#64736d;letter-spacing:0}a{color:#157448;text-underline-offset:4px}header a{font-size:14px;text-decoration:none}main{max-width:1180px;margin:auto;padding:38px 0 24px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;color:#168150;margin:0 0 8px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 10px}.heading p:last-child{margin:0;color:#62726b}.tag{font-size:14px;border:1px solid #d5e3da;background:#e9f2ec;border-radius:30px;padding:7px 15px}.workspace{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:start}.controls{display:grid;gap:18px}.card{background:white;border:1px solid #dce5df;border-radius:14px;padding:24px;box-shadow:0 3px 8px #183d2403}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.number{font:12px Consolas,monospace;background:#edf4ef;color:#167749;padding:5px 7px;border-radius:5px}h2{font-size:18px;letter-spacing:-.3px;margin:0;font-weight:650}.hint{font-size:13px;color:#69776f;margin:6px 0 14px}label{display:block;font-size:14px;font-weight:550;margin:15px 0 7px}input,textarea{width:100%;border:1px solid #cedbd3;background:#fff;color:#1b3028;border-radius:7px;padding:11px 12px;font:inherit;min-width:0}input::placeholder,textarea::placeholder{color:#839088}textarea{resize:vertical}input:focus,textarea:focus{outline:3px solid #16815026;border-color:#168150}button{border:1px solid #168150;border-radius:7px;background:#168150;color:white;padding:11px 14px;font:600 14px Segoe UI,Arial,sans-serif;cursor:pointer;min-height:44px;transition:background .15s}button:hover{background:#11693f}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #57bb85;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.secondary{background:#f1f8f3;color:#167347;border-color:#c9dfd1}.secondary:hover{background:#e2f1e7}form button{width:100%;margin-top:17px;display:flex;justify-content:space-between}.privacy{font-size:12px;color:#6a776f;line-height:1.6;margin:14px 0 0}details{margin-top:14px}summary{font-size:13px;color:#526c5c;cursor:pointer}.response{position:sticky;top:24px;padding:0;overflow:hidden}.response-heading{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.readonly{font-size:12px;color:#6d7a72;background:#f2f5f3;border:1px solid #e4eae6;border-radius:5px;padding:4px 8px}.response-meta{background:#f6f8f7;border-top:1px solid #e5eae7;border-bottom:1px solid #e5eae7;padding:12px 24px;display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}code{font:13px Consolas,monospace;color:#486052}#status{color:#6b7c71}#status[data-kind=error]{color:#b13737}#status[data-kind=success]{color:#08743c}#response{border:0;border-radius:0;background:#fbfcfb;min-height:530px;display:block;padding:25px;font:14px/1.8 Consolas,monospace;color:#244b36;resize:vertical}#response::placeholder{color:#87968c}#response:focus{outline-offset:-3px}.feedback{margin:0;padding:16px 24px;color:#728076;font-size:13px;border-top:1px solid #e5eae7;min-height:55px}footer{display:flex;justify-content:space-between;font-size:12px;color:#7c8a82;margin-top:30px;gap:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1230px){main{margin:0 24px}}@media(max-width:800px){header{height:auto;min-height:75px;flex-wrap:wrap;padding:18px 20px}.subbrand,.divider{display:none}main{margin:0;padding:28px 16px}.heading{gap:16px}h1{font-size:27px}.tag{white-space:nowrap}.workspace{grid-template-columns:1fr}.response{position:static}#response{min-height:330px}.card{padding:20px}.response{padding:0}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}