body { font-family: system-ui, Arial, sans-serif; margin: 0; background:#0b0f14; color:#e6edf3; }
.wrap { max-width: 760px; margin: 40px auto; padding: 0 16px; }
h1 { margin: 0 0 8px; }
.muted { color:#9aa7b2; }
.hint { color:#9aa7b2; font-size: 13px; margin-top: -6px; }
.hint b { color:#c7d1da; font-weight:600; }
.hint.error { color:#ff9aa2; }
.row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
form { margin-top: 18px; display: grid; gap: 10px; }
label { font-size: 14px; color:#c7d1da; }
input, select { padding: 10px; border-radius: 10px; border: 1px solid #2a3642; background:#0f1620; color:#e6edf3; }
button { padding: 10px 14px; border: 0; border-radius: 12px; background:#2d6cdf; color:white; font-weight:600; cursor:pointer; }
button:hover { filter: brightness(1.1); }
.out { margin-top: 16px; padding: 12px; background:#0f1620; border:1px solid #2a3642; border-radius: 12px; overflow:auto; }
.card { padding: 12px; background:#0f1620; border:1px solid #2a3642; border-radius: 12px; }
code { word-break: break-all; }
.btn { display:inline-block; padding:10px 14px; border-radius:12px; background:#2d6cdf; color:#fff; text-decoration:none; }