body { font-family: system-ui, -apple-system, sans-serif; background:#0f172a; color:#e5e7eb; margin:0; padding:20px; }
.card { max-width:720px; margin:auto; background:#020617; padding:22px; border-radius:14px; box-shadow: 0 10px 40px rgba(0,0,0,.35); }
.h2 { margin-top:0; }
.upload { border:2px dashed #64748b; padding:18px; text-align:center; border-radius:12px; cursor:pointer; user-select:none; }
textarea { width:100%; height:104px; margin-top:10px; font-size:12px; border-radius:10px; padding:10px; }
small { color:#94a3b8; display:block; margin-top:14px; line-height:1.4; }

.err { color:#fca5a5; white-space:pre-wrap; margin-top:10px; }
.ok { color:#86efac; }
.muted { color:#94a3b8; }
.row { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; align-items:center; }
.pill { background:#0b1226; border:1px solid #1f2a44; padding:6px 10px; border-radius:999px; font-size:12px; }
button { background:#1f2937; color:#fff; border:1px solid #334155; padding:10px 12px; border-radius:10px; cursor:pointer; }
button:disabled { opacity:.55; cursor:not-allowed; }
a { color:#93c5fd; text-decoration:none; }
a:hover { text-decoration:underline; }

.spaced { margin:14px 0 6px 0; }
.status { margin:0; }
.result { display:none; margin-top:14px; }

.card2 { margin-top:14px; padding:14px; border:1px solid #1f2a44; border-radius:12px; background:#0b1226; }
.card2head { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; align-items:center; }
.kv { margin-top:10px; line-height:1.7; color:#94a3b8; }
.kvv { color:#e5e7eb; word-break:break-all; }