body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin:0; background:#f7f7fb; color:#111; }
header { background:#222; color:#fff; padding:12px 0; margin-bottom:20px; }
.container { width:min(1100px,92%); margin:0 auto; }
h1 { margin:0; font-size:1.2rem; }
.card { background:#fff; border-radius:12px; padding:16px; box-shadow:0 4px 12px rgba(0,0,0,0.06); margin-bottom:16px; }
button { padding:10px 16px; border-radius:8px; border:none; cursor:pointer; }
button:hover { filter:brightness(0.95); }
pre { background:#0b1020; color:#c9e7ff; padding:12px; border-radius:8px; overflow:auto; max-height:420px; }
.error { color:#b00020; }
.grid { display:grid; grid-template-columns: repeat(3,1fr); gap:16px; }
.kv { list-style:none; padding-left:0; }
.kv li { display:flex; gap:12px; margin:4px 0; }
.kv b { min-width:110px; }
@media (max-width: 960px) { .grid { grid-template-columns: 1fr; } }