@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");

:root {
  --bg: #f5f7fb;
  --panel: #fff;
  --text: #1f2937;
  --muted: #5f6d80;
  --border: #d9e2ec;
  --accent: #2d5bdb;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(180deg, #f5f7fb, #edf1f6);
  color: var(--text);
  font-family: "Poppins", sans-serif;
}
.shell { width: min(860px, 92vw); margin: 3rem auto; }
.panel {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 1.2rem;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}
.wide { width: 100%; }
h1 { margin: 0; font-family: "Nexa", "Poppins", sans-serif; }
h2 { margin: 1rem 0 0.5rem; font-family: "Nexa", "Poppins", sans-serif; font-size: 1rem; }
.subtitle { margin: 0.35rem 0 0; color: var(--muted); }
label { display:block; margin-top:0.75rem; font-size:0.88rem; font-weight:600; }
input {
  width:100%; border:1px solid var(--border); border-radius:10px; padding:0.62rem 0.72rem;
  background:#f8fafc; font: 500 0.9rem "Poppins", sans-serif;
}
.actions { margin-top: 1rem; display:flex; flex-wrap:wrap; gap:0.6rem; }
.btn {
  display:inline-flex; align-items:center; justify-content:center;
  border:0; border-radius:10px; padding:0.56rem 0.88rem;
  text-decoration:none; cursor:pointer;
  color:#fff; background: linear-gradient(135deg, var(--accent), #2f83dc);
  font:600 0.88rem "Poppins", sans-serif;
}
.btn.soft {
  background:#f4f7fc; color:#334d66; border:1px solid #d0dae5;
}
.kv {
  margin-top: 0.6rem;
  display:flex; justify-content:space-between;
  border:1px solid var(--border); border-radius:10px; padding:0.56rem 0.72rem;
  background:#f8fafc;
}
pre {
  margin:0; padding:0.75rem;
  border:1px solid var(--border); border-radius:12px;
  background:#f8fafc; font: 0.8rem/1.5 "Space Mono", monospace;
  white-space: pre-wrap; word-break: break-all;
}
.error {
  margin-top:0.8rem; border:1px solid #ffd6d3; background:#fff3f2; color:#b42318;
  border-radius:10px; padding:0.56rem 0.72rem; font-size:0.88rem;
}
.flag {
  margin-top:0.8rem; border:1px solid #b8f5d1; background:#ebfdf3; color:#05603a;
  border-radius:10px; padding:0.56rem 0.72rem; font-weight:600;
}