:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #172033;
  background: #f4f7fb;
}

body {
  margin: 0;
  padding: 2rem 1rem;
}

.card {
  box-sizing: border-box;
  width: min(100%, 760px);
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border: 1px solid #d9e1ee;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgb(23 32 51 / 8%);
}

h1 { margin-top: 0; }
label, textarea, input, button { display: block; }
label { margin: 1rem 0 .4rem; font-weight: 600; }
textarea, input[type="file"] { box-sizing: border-box; width: 100%; }
textarea {
  padding: .75rem;
  border: 1px solid #aebbd0;
  border-radius: 6px;
  font: .9rem ui-monospace, SFMono-Regular, Consolas, monospace;
}
button {
  margin-top: 1.25rem;
  padding: .65rem 1rem;
  border: 0;
  border-radius: 6px;
  background: #205fc7;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
button:disabled { opacity: .6; cursor: wait; }
.hint { color: #526176; line-height: 1.5; }
#status { min-height: 1.5rem; font-weight: 600; }
#failures { padding-left: 1.25rem; color: #9b1c1c; }
code { overflow-wrap: anywhere; }