:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#172f2c;background:#f5f5ef;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}header,footer{max-width:1080px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;gap:20px}header{border-bottom:1px solid #dce1d7;font-size:13px;color:#61726b}.brand{color:#172f2c;text-decoration:none;font-weight:750;font-size:18px}main{max-width:780px;margin:76px auto;padding:0 28px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:3px;color:#477257}h1{font-size:clamp(36px,6vw,59px);line-height:1.2;letter-spacing:-2px;margin:20px 0}.intro{max-width:580px;color:#61726b;line-height:1.9;font-size:16px}.console{margin-top:40px;padding:28px;background:#fff;border:1px solid #dce1d7;border-radius:16px;box-shadow:0 12px 40px #172f2c06}.console-head,.response-head{display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font-size:16px;margin:0}#status{font-size:12px;background:#edf2eb;color:#477257;padding:6px 10px;border-radius:20px}#status[data-state="error"]{background:#fff0ed;color:#a03425}.endpoint{display:flex;align-items:center;gap:14px;margin:25px 0 20px;padding:16px;background:#f5f7f3;border-radius:8px}.endpoint span{font-size:12px;color:#327b50;font-weight:750}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button{border:0;border-radius:8px;background:#234d3c;color:#fff;padding:13px 20px;font-size:14px;cursor:pointer;display:flex;gap:30px;align-items:center}button:hover{background:#32664e}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #8caa5d;outline-offset:4px}.response-head{font-size:12px;color:#61726b;margin:28px 0 10px}pre{min-height:130px;margin:0;border-radius:8px;padding:20px;background:#172f2c;color:#dcf0df;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.flow{display:flex;justify-content:center;gap:22px;margin:28px 0;color:#61726b;font-size:13px}.flow b{color:#97a79b;font-weight:400}footer{border-top:1px solid #dce1d7;font-size:12px;color:#61726b}@media(max-width:540px){header,footer{padding:22px}header>span{display:none}main{margin:48px auto;padding:0 20px}.console{padding:20px}.flow{gap:15px}h1{letter-spacing:-1px}}