:root{color-scheme:dark;}
*{box-sizing:border-box;}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0b0f14;color:#e6edf3;font:16px/1.4 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.card{width:min(720px,92vw);background:#111823;border:1px solid #223048;border-radius:16px;padding:22px 22px 18px;box-shadow:0 10px 30px rgba(0,0,0,.35);}
h1{margin:0 0 6px;font-size:28px;letter-spacing:.2px;}
.muted{color:#9bb0c8;}
.tiny{font-size:12px;}
.grid{margin-top:14px;display:grid;gap:12px;}
label{display:grid;gap:6px;}
label span{font-size:13px;color:#b8c7da;}
input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #2a3a55;background:#0b111a;color:#e6edf3;outline:none;}
input:focus{border-color:#4b78c2;}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
button{cursor:pointer;border:1px solid #38507a;background:#1f4a89;color:#fff;padding:10px 12px;border-radius:10px;font-weight:600;}
button.secondary{background:#121b29;border-color:#2a3a55;color:#dbe7f7;}
button.link{background:transparent;border:0;color:#7fb1ff;padding:6px 8px;text-decoration:underline;font-weight:600;}
button:disabled{opacity:.6;cursor:not-allowed;}
hr{border:0;border-top:1px solid #223048;margin:6px 0;}
.status{margin:0;padding:12px;border-radius:12px;background:#0b111a;border:1px solid #223048;min-height:140px;white-space:pre-wrap;word-break:break-word;}