:root{
  --bg:#07090d;--panel:#11161e;--line:#27303c;--text:#f7f9fb;--muted:#8f9aa9;
  --accent:#ffb000;--good:#3ee074;--bad:#ff625a
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(900px 520px at 50% -170px,#262d38,#0b0e14 55%,#07090d);
color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.bg{position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:32px 32px}
.shell{position:relative;max-width:1050px;margin:auto;padding:34px 16px 70px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.eyebrow,label span{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:800;margin-bottom:7px}
h1{font-size:28px;margin:4px 0 5px}.topbar p,.docs p,.section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.pill{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#0b1017;color:var(--muted);font-size:11px}.pill.ok{color:#9df4b3;border-color:#275f38}.pill.bad{color:#ffaaa5;border-color:#682b28}
.card,.summary{border:1px solid var(--line);background:linear-gradient(180deg,#141a23f5,#0d1219f5);border-radius:20px;box-shadow:0 24px 65px #0006}
.card{padding:18px}.form-grid{display:grid;grid-template-columns:1.1fr 1.1fr .7fr;gap:11px}
.input{width:100%;border:1px solid var(--line);background:#080c12;color:var(--text);border-radius:12px;padding:13px 14px;outline:0}.input:focus{border-color:#5b6979}
.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.primary,.secondary,.small{border:0;border-radius:12px;padding:13px 14px;font-weight:900;cursor:pointer}
.primary{background:var(--accent);color:#111}.secondary,.small{background:#eef1f5;color:#101317}.small{padding:9px 11px;font-size:11px}
button:disabled{opacity:.55;cursor:wait}.notice{display:none;margin-top:12px;padding-top:12px;border-top:1px solid #202834;color:var(--muted);font-size:13px}.notice.err{color:#ffaaa5}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:12px;margin-top:14px}.hidden{display:none!important}.metric{background:#0a0f15;border:1px solid #212a36;border-radius:14px;padding:13px}
.metric b{display:block;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric span{display:block;margin-top:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.mt{margin-top:14px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.section-head h2,.card h2{font-size:15px;margin:0 0 5px}
.json{margin:14px 0 0;white-space:pre-wrap;word-break:break-word;max-height:700px;overflow:auto;background:#070a0f;border:1px solid var(--line);border-radius:14px;padding:15px;color:#d8dde5;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.docs{display:grid;gap:8px}footer{text-align:center;color:#687382;font-size:11px;margin-top:28px}
@media(max-width:800px){.form-grid{grid-template-columns:1fr}.buttons{grid-template-columns:repeat(2,1fr)}.summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.topbar{display:block}.pill{display:inline-block;margin-top:12px}.buttons{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}.shell{padding-left:11px;padding-right:11px}}