:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0;min-height:100vh;background:#0f172a;color:#e2e8f0}.layout{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{width:min(420px,100%);background:#111827;border:1px solid #334155;border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px #00000040}.card.wide{width:min(720px,100%)}h1{margin:0 0 .5rem;font-size:1.35rem}.muted{color:#94a3b8;font-size:.92rem}.form{display:grid;gap:.85rem;margin-top:1rem}label{display:grid;gap:.35rem;font-size:.92rem}input{border:1px solid #475569;border-radius:8px;padding:.55rem .65rem;background:#0b1220;color:inherit}button,.button{border:0;border-radius:8px;padding:.65rem .85rem;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}button.ghost{background:transparent;border:1px solid #475569}.error{color:#f87171;margin:0}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.kv{display:grid;grid-template-columns:140px 1fr;gap:.35rem .75rem;font-size:.92rem}.kv dt{color:#94a3b8}.kv dd{margin:0;word-break:break-all}.probe{background:#0b1220;border:1px solid #334155;border-radius:8px;padding:.75rem;overflow:auto;font-size:.85rem}
