* { box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0; padding: 0; background: #f6f7f9; color: #1a1a1a;
  line-height: 1.5;
}
main { max-width: 640px; margin: 32px auto; padding: 0 16px; }
header h1 { margin: 0 0 24px; font-size: 22px; color: #444; }
form { background: #fff; padding: 24px; border-radius: 8px;
       box-shadow: 0 1px 3px rgba(0,0,0,.05); display: grid; gap: 16px; }
label { display: grid; gap: 6px; font-size: 14px; }
label > span { color: #555; font-weight: 500; }
input, select, button {
  font: inherit; padding: 8px 10px; border: 1px solid #ccc;
  border-radius: 6px; background: #fff;
}
input[type=file] { padding: 6px; }
button { background: #0a66c2; color: #fff; border: none; cursor: pointer;
         padding: 10px 16px; font-weight: 600; }
button:hover { background: #084d92; }
.hint { color: #888; font-size: 13px; margin-top: 12px; }
.card { background: #fff; padding: 24px; border-radius: 8px;
        box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.card.error { border-left: 4px solid #c0392b; }
code { background: #f3f3f3; padding: 2px 4px; border-radius: 3px;
       font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
a { color: #0a66c2; }