:root{color:#18181b;background:#f4f4f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f4f4f5;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{box-sizing:border-box;gap:16px;width:min(1180px,100vw - 32px);margin:0 auto;padding:24px 0;display:grid}.topbar,.panel{background:#fff;border:1px solid #e4e4e7;border-radius:8px}.topbar{justify-content:space-between;align-items:center;padding:18px;display:flex}.eyebrow{color:#71717a;margin:0 0 4px;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.1}h2{font-size:17px}.panel{gap:14px;padding:16px;display:grid}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}label{gap:6px;font-size:13px;font-weight:700;display:grid}input,select{box-sizing:border-box;color:#18181b;background:#fff;border:1px solid #d4d4d8;border-radius:6px;width:100%;height:40px;padding:0 10px}.actions{flex-wrap:wrap;gap:8px;display:flex}button{color:#fff;background:#18181b;border:1px solid #d4d4d8;border-radius:6px;height:38px;padding:0 12px;font-weight:700}button:first-child,button:nth-child(2),button:nth-child(4){color:#18181b;background:#fff}.status{text-transform:capitalize;border:1px solid #d4d4d8;border-radius:6px;padding:7px 10px;font-size:13px;font-weight:800}.status-connected{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.status-connecting{color:#92400e;background:#fffbeb;border-color:#fde68a}.status-offline{color:#52525b;background:#f4f4f5}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px;font-size:14px}.muted{color:#71717a;font-size:14px}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}dl{grid-template-columns:140px minmax(0,1fr);gap:8px;margin:0;display:grid}dt{color:#71717a;font-size:13px;font-weight:700}dd{overflow-wrap:anywhere;min-width:0;margin:0}.log{gap:10px;display:grid}.log article{background:#fafafa;border:1px solid #e4e4e7;border-radius:6px}.log header{border-bottom:1px solid #e4e4e7;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px;display:flex}pre{max-height:220px;margin:0;padding:10px;font-size:12px;overflow:auto}@media (width<=760px){.grid,.columns{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:12px}}