:root{color-scheme:dark;--bg:#0b1020;--ink:#eaf0ff;--muted:#a9b4ca;--card:#151d31;--line:#303b59;--a:#9c8fff;--good:#74e1bc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#2a2255 0%,transparent 36%),var(--bg);font:15px/1.62 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100vw - 1040px)/2));border-bottom:1px solid var(--line)}header a{color:var(--ink);text-decoration:none}.brand{font-size:20px;font-weight:800;letter-spacing:-.5px}.brand span{color:var(--a)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:13px;color:var(--muted)}main{max-width:1060px;margin:55px auto;padding:0 24px 50px}.pill{display:inline-block;padding:5px 13px;border-radius:99px;background:#35285c;color:#ded1ff;font-size:11px;font-weight:800;letter-spacing:1.4px}h1{font-size:clamp(34px,5vw,58px);line-height:1.14;letter-spacing:-1.6px;margin:25px 0 16px}h1 em{color:var(--a);font-style:normal}.intro{max-width:760px;color:var(--muted);font-size:17px}.warning{background:#2f2625;border:1px solid #665144;padding:16px 18px;border-radius:12px;margin:27px 0;color:#f2d6b7}#status{padding:12px 0;color:var(--good);min-height:45px}.card{border:1px solid var(--line);background:var(--card);padding:26px;border-radius:19px;margin:18px 0}h2{font-size:22px;margin:0 0 6px}.card>p{color:var(--muted);margin-top:3px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}form label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:7px}input,select{width:100%;background:#0d1425;color:var(--ink);border:1px solid #53607e;border-radius:8px;padding:12px 11px;font:inherit}button{background:#7464e7;color:white;font-weight:750;padding:12px 20px;border:0;border-radius:10px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}form button{grid-column:1/-1;justify-self:start}.hint{font-size:13px!important;color:var(--muted)!important;margin-top:20px}a{color:#b6aaff}#connections{margin-top:18px}.row{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 0}.row small{display:block;color:var(--muted)}.row button{background:#6d4555}pre{font-family:ui-monospace,Consolas,monospace;color:#c5f4e5;background:#0b1323;padding:18px;border:1px solid var(--line);border-radius:11px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}footer{margin-top:45px;color:var(--muted);font-size:13px}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}nav{gap:12px}form{grid-template-columns:1fr}.card{padding:18px}main{margin-top:34px}.row{align-items:flex-start;flex-direction:column}}

.preview-row{border-top:1px solid var(--line);padding:16px 0}.preview-row small{display:block;color:var(--muted)}.preview-row .hint{margin:6px 0!important}.preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.preview-actions button:last-child{background:#68465b}
