*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,Segoe UI,Roboto,sans-serif;background:#0b1220;color:#e2e8f0}
main{max-width:980px;margin:0 auto;padding:28px 18px}h1{font-size:2rem;margin:.2em 0}a{color:#60a5fa}
.card{background:#111a2e;border:1px solid #1e293b;border-radius:14px;padding:18px;margin:16px 0}
label{display:block;font-weight:600;margin:10px 0 4px}input,select,textarea{width:100%;background:#0b1220;color:#e2e8f0;border:1px solid #334155;border-radius:10px;padding:10px;font:14px ui-monospace,Consolas,monospace}
textarea{min-height:180px}button{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;margin:8px 8px 0 0}button.s{background:#334155}
pre{background:#020617;border:1px solid #1e293b;border-radius:10px;padding:14px;overflow:auto;white-space:pre}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.row{grid-template-columns:1fr}}
.err{color:#fca5a5}small{color:#94a3b8}footer{color:#94a3b8;font-size:14px;margin-top:30px}