:root { color-scheme: light; --ink:#172033; --muted:#687386; --line:#dfe4ec; --blue:#2959d6; --green:#137a4a; --red:#b42335; --amber:#9a6400; --surface:#fff; --bg:#f3f5f8; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; color:var(--ink); background:var(--bg); font:15px/1.45 Inter,system-ui,sans-serif; }
button,input,select { font:inherit; }
button { min-height:44px; padding:0 16px; border:0; border-radius:10px; color:#fff; background:var(--blue); font-weight:700; cursor:pointer; }
button:disabled { opacity:.5; cursor:not-allowed; }
input,select { width:100%; min-height:44px; padding:8px 11px; border:1px solid #c9d0db; border-radius:9px; background:#fff; color:var(--ink); }
input:focus,select:focus { outline:3px solid #dbe5ff; border-color:var(--blue); }
label { display:block; color:#465167; font-weight:700; }
.page { width:min(1680px,100%); margin:auto; padding:28px 18px 60px; }
header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.eyebrow { margin:0 0 4px; color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.14em; }
h1,h2,h3 { margin-top:0; }
h1 { margin-bottom:0; font-size:clamp(28px,5vw,42px); }
h2 { font-size:21px; }
h3 { margin-bottom:8px; font-size:14px; }
.card { margin-bottom:18px; padding:22px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:0 7px 24px #1720330d; }
.auth-card { max-width:560px; }
.auth-card form { display:grid; gap:14px; }
.remember { display:flex; align-items:center; gap:9px; font-weight:500; }
.remember input { width:18px; min-height:18px; }
.inline-status { margin:5px 0 0; color:var(--muted); }
.selectors { display:grid; grid-template-columns:1fr 1.4fr; gap:16px; }
.selectors .inline-status { grid-column:1/-1; }
.command-scroll { overflow-x:auto; margin-bottom:16px; }
.command-rows { display:grid; grid-template-columns:minmax(260px,1.2fr) minmax(200px,1fr) minmax(260px,1.2fr) minmax(200px,1fr); gap:9px; min-width:980px; }
.command-heading { display:flex; flex-direction:column; justify-content:space-between; gap:10px; padding-bottom:8px; font-weight:700; }
.command-result { min-width:0; max-height:160px; }
.command-row { align-items:start; }
.command-row { display:grid; grid-template-columns:1fr auto; gap:9px; }
.command-row input { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.status { flex:none; padding:8px 12px; border-radius:999px; font-size:13px; font-weight:750; }
.status.neutral { color:#596579; background:#e9edf2; }
.status.pending { color:var(--amber); background:#fff2d8; }
.status.good { color:var(--green); background:#ddf5e9; }
.status.bad { color:var(--red); background:#ffe7e9; }
.response-card { border-width:2px; }
.raw-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
pre { margin:0; padding:14px; overflow:auto; border-radius:10px; color:#e9eef7; background:#172033; font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.envelope { min-height:150px; max-height:440px; }
.envelope-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; }
.envelope-title h3 { margin:0; }
.envelope-title button { min-height:36px; }
.journal { display:grid; gap:12px; }
.journal article { padding-top:12px; border-top:1px solid var(--line); }
.muted { color:var(--muted); }
@media (max-width:650px) { header { align-items:flex-start; flex-direction:column; } .selectors,.raw-grid { grid-template-columns:1fr; } .command-row { grid-template-columns:minmax(0,1fr) auto; } .card { padding:16px; } }
@media (max-width:420px) { .command-row { grid-template-columns:1fr; } .command-row button { width:100%; } }