:root{font-family:Segoe UI,Inter Variable,sans-serif;color:#101114;background:radial-gradient(circle at top left,rgba(98,171,255,.32),transparent 24%),radial-gradient(circle at top right,rgba(255,193,94,.28),transparent 20%),linear-gradient(180deg,#f8f4ec,#eef1f7,#e8eef7);line-height:1.5;font-weight:400;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{border:0;border-radius:999px;background:#101114;color:#f7f4ef;padding:.7rem 1.1rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{width:100%;border:1px solid rgba(16,17,20,.12);border-radius:16px;background:#ffffffd1;padding:.85rem 1rem}textarea{resize:vertical;min-height:10rem}.shell{width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 4rem}.hero{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:end;margin-bottom:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:#6d5a3c;margin:0 0 .75rem}.hero h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.95;max-width:12ch}.lede{max-width:58ch;margin:1rem 0 0;color:#38404c}.status-card,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 80px #232f481f}.status-card{display:grid;gap:.4rem;padding:1.2rem;border-radius:24px}.pill{width:fit-content;padding:.25rem .7rem;border-radius:999px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.pill-disconnected{background:#7878781f}.pill-connecting{background:#ffb64a2e}.pill-connected{background:#52be7e2e}.pill-error{background:#df57572e}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{border-radius:24px;padding:1.25rem}.panel-wide{grid-column:1 / -1}.panel h2{margin-top:0}.panel label{display:grid;gap:.45rem;margin-bottom:.85rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0}.status-grid dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#6a7380}.status-grid dd{margin:.2rem 0 0;font-weight:600}.log-list{display:grid;gap:.6rem}.log-list pre{margin:0;overflow-x:auto;padding:.9rem 1rem;border-radius:16px;background:#101114;color:#d9f2ff}@media(max-width:860px){.hero,.grid,.status-grid{grid-template-columns:1fr}}