:root {color-scheme: dark; font-family: Tahoma, Arial, sans-serif;}
body {margin:0; background:#11151c; color:#e7edf6;}
main {max-width:1100px; margin:36px auto; padding:0 22px;}
h1 {font-size:23px; margin-bottom:18px;}
p {line-height:1.9; color:#b8c7da;}
#status {min-height:30px; color:#a8d7cb;}
.actions {display:flex; flex-wrap:wrap; gap:10px; margin:20px 0;}
button, a.json-link {font:inherit; padding:9px 15px; border:1px solid #40516a; border-radius:6px;
  background:#202d3e; color:#e7edf6; cursor:pointer;}
a.json-link {text-decoration:none; display:inline-block;}
a.json-link[hidden] {display:none;}
button:disabled {opacity:.4; cursor:default;}
button:focus-visible, a.json-link:focus-visible, pre:focus-visible {outline:2px solid #a8d7cb; outline-offset:3px;}
pre {background:#080d14; border:1px solid #293549; border-radius:8px;
  padding:20px; overflow:auto; text-align:left; font:13px/1.65 Consolas,monospace;
  min-height:120px; tab-size:2;}