:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#20334d;background:#f4f7fb;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:#1874b6;text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:720px;margin:0 auto;padding:32px 20px calc(24px + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:center;gap:14px}.brand-icon{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:16px;background:#146b89;color:#fff;font-size:31px;box-shadow:0 5px 18px #146b891a}.eyebrow{margin:0 0 3px;color:#708198;font-size:12px;letter-spacing:.5px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:27px;letter-spacing:-.5px;line-height:1.3}.intro{margin:18px 0 25px;color:#6b7c91;font-size:14px}.card{padding:22px;margin-bottom:18px;border:1px solid #e1e8f0;border-radius:19px;background:#fff;box-shadow:0 5px 22px #243b5310}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.card-heading h2{flex:1;font-size:16px;margin:0}.step{font-size:12px;font-weight:700;color:#738da5;letter-spacing:1px}.badge{padding:3px 10px;border-radius:7px;font-size:12px;white-space:nowrap;font-weight:600}.success{background:#e9f7ef;color:#26824d}.neutral{background:#edf2f7;color:#6b8097}.loading{background:#eaf3ff;color:#2376b9}.failure{background:#fff0ef;color:#c54f45}.main-status{margin-bottom:7px;font-size:19px;font-weight:650;line-height:1.55;overflow-wrap:anywhere}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:10px;vertical-align:middle}.success-dot{background:#49b97e}.muted{margin-bottom:0;color:#7a899b;font-size:13px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin:23px 0 20px;padding-top:19px;border-top:1px solid #edf1f5}.metrics div{min-width:0}.metrics dt{font-size:12px;color:#8794a4;margin-bottom:4px}.metrics dd{margin:0;font-size:14px;font-weight:550;color:#3e5268;overflow-wrap:anywhere}.full-width{grid-column:1/-1}.endpoint{font-size:12px!important;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.response-details{border:1px solid #e6edf4;border-radius:11px;overflow:hidden}.response-details summary{cursor:pointer;padding:11px 14px;font-size:12px;color:#72849a;background:#f7f9fc}.response-details pre{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#fbfcfe;color:#38516b;margin:0;padding:14px;overflow-wrap:anywhere;white-space:pre-wrap;max-height:260px;overflow:auto}.actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.actions button{padding:11px 21px;border:0;border-radius:10px;background:#1475a4;color:#fff;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.actions button:hover{background:#10678f}.actions button:disabled{cursor:wait;background:#9eb8ca}.actions a{font-size:13px;white-space:nowrap}.guide{padding:8px 5px 0;color:#75869a;font-size:13px}.guide h2{margin:0 0 10px;color:#506780;font-size:15px}.guide ol{padding-left:20px;margin:0 0 12px}.guide li{padding:3px 0}.guide p{margin-bottom:0}.error-copy{color:#b34e47;font-size:13px;margin:15px 0 0}footer{text-align:center;font-size:11px;color:#9aa7b6;margin-top:28px}@media(max-width:360px){.shell{padding:25px 14px 22px}.card{padding:18px}h1{font-size:24px}.actions{gap:10px}.actions button{padding:11px 17px}.main-status{font-size:17px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8ac9ea;outline-offset:3px}