:root{color-scheme:dark;--bg:#0a1016;--panel:#111b24;--line:#263640;--text:#eef6f7;--muted:#9babb3;--mint:#91e1c2;--red:#ff9a90}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Segoe UI,Arial,sans-serif;line-height:1.55}header{height:68px;padding:0 max(5vw,22px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;color:var(--muted)}header button{margin-left:auto}.brand{color:var(--text);font-size:20px;font-weight:800;text-decoration:none}.brand span{color:var(--mint)}main{max-width:1000px;margin:auto;padding:44px 22px 100px}.welcome{padding:25px 0}.welcome h1,.narrow h1{font-size:34px;letter-spacing:-1.4px;margin:6px 0}.eyebrow{font:11px Consolas,monospace;letter-spacing:1.8px;color:var(--mint)}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px;margin:20px 0}.narrow{max-width:480px;margin:70px auto}.panel h2{margin:4px 0;font-size:21px}.panel h3{margin:0}.panel p{margin-top:6px}.heading,.result-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}label{display:grid;gap:7px;color:#cfdbdf;font-size:12px}input,select{width:100%;height:42px;border:1px solid #344752;border-radius:7px;background:#0b1218;color:var(--text);padding:0 11px;font:inherit}.span-two{grid-column:span 2}button{height:40px;border-radius:7px;padding:0 15px;font:600 12px inherit;cursor:pointer}.primary{background:var(--mint);color:#08120f;border:0}.secondary{border:1px solid #41545f;color:var(--text);background:transparent}.quiet{border:0;color:var(--muted);background:transparent}.error{color:var(--red);font-size:12px}.hidden{display:none!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500}td code{font:12px Consolas,monospace;overflow-wrap:anywhere}.result{margin-top:28px}@media(max-width:650px){.grid-form{grid-template-columns:1fr}.span-two{grid-column:1}.panel{padding:18px}.result-head{align-items:flex-start;flex-direction:column}}