.lab-conn{--c-ink:#f5f5f7;--c-ink-2:#d2d2d7;--c-ink-3:#a1a1a6;--c-rule:#ffffff24;--c-rule-2:#ffffff42;--c-ok:#78f0c6;--c-accent:#ff8a3d;--c-bad:#ff5e6e;z-index:60;font:13px/1.4 var(--font,system-ui, sans-serif);color:var(--c-ink);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.lab-conn button{font:inherit;cursor:pointer}.lab-conn-pill{color:var(--c-ink);border:1px solid var(--c-rule-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111113eb;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;display:inline-flex;box-shadow:0 6px 24px #00000080}.lab-conn-pill:hover,.lab-conn-pill[aria-expanded=true]{border-color:var(--c-accent)}.lab-conn-pill svg{width:15px;height:15px;color:var(--c-ink-2)}.lab-conn-title{margin-right:2px;font-weight:600}.lab-conn-dot{background:#ffffff38;border-radius:50%;width:7px;height:7px}.lab-conn-dot.is-on{background:var(--c-ok);box-shadow:0 0 6px var(--c-ok)}.lab-conn-count{color:var(--c-ink-3);margin-left:2px;font-size:12px}.lab-conn-panel{border:1px solid var(--c-rule-2);scrollbar-width:thin;background:#111113;border-radius:16px;width:min(400px,100vw - 24px);max-height:min(640px,100svh - 120px);padding:16px;overflow:auto;box-shadow:0 18px 60px #000000b3}.lab-conn-panel[hidden]{display:none}.lab-conn-head{justify-content:space-between;align-items:center;display:flex}.lab-conn-head h2{letter-spacing:-.01em;margin:0;font-size:17px}.lab-conn-x{color:var(--c-ink-2);border:1px solid var(--c-rule);background:0 0;border-radius:999px;padding:6px 12px}.lab-conn-note{color:var(--c-ink-3);margin:6px 0 12px}.lab-conn-need{color:var(--c-ink);background:#ff8a3d1f;border:1px solid #ff8a3d80;border-radius:10px;margin:8px 0 12px;padding:9px 11px}.lab-conn-row{border:1px solid var(--c-rule);border-radius:12px;margin-top:8px;padding:11px 12px}.lab-conn-row.is-needed{border-color:var(--c-accent)}.lab-conn-row.is-on{border-color:#78f0c659}.lab-conn-row-top{align-items:baseline;gap:8px;display:flex}.lab-conn-row-top strong{font-size:14px}.lab-conn-role{color:var(--c-ink-3);font-size:12px}.lab-conn-state{color:var(--c-ink-3);white-space:nowrap;margin-left:auto;font-size:12px}.lab-conn-state.is-on{color:var(--c-ok)}.lab-conn-row.is-needed .lab-conn-state{color:var(--c-accent)}.lab-conn-open{color:var(--c-ink);border:1px solid var(--c-rule-2);background:0 0;border-radius:999px;margin-left:auto;padding:5px 12px;font-size:12px}.lab-conn-open:hover{border-color:var(--c-accent)}.lab-conn-info{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.lab-conn-info code{color:var(--c-ink-2);overflow-wrap:anywhere;font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace}.lab-conn-link{white-space:nowrap;color:var(--c-ink-3);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.lab-conn-link:hover{color:var(--c-ink)}.lab-conn-form{gap:7px;margin-top:8px;display:grid}.lab-conn-form label{color:var(--c-ink-3);grid-template-columns:64px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.lab-conn-form input,.lab-conn-form select{min-width:0;color:var(--c-ink);border:1px solid var(--c-rule-2);background:#000;border-radius:8px;padding:7px 9px;font:12.5px ui-monospace,SF Mono,Menlo,monospace}.lab-conn-go{color:#000;background:var(--c-accent);border:1px solid var(--c-accent);border-radius:999px;justify-self:end;padding:7px 16px;font-weight:600}.lab-conn-go:disabled{opacity:.6;cursor:default}.lab-conn-error{color:var(--c-bad);margin:0;font-size:12px}.lab-conn-error:empty{display:none}.lab-conn-foot{color:var(--c-ink-3);justify-content:space-between;align-items:flex-end;gap:12px;margin-top:12px;font-size:12px;display:flex}.lab-conn-foot p{margin:0}body:has(.lab-lg){--lab-conn-bottom:80px}@media (max-width:760px){.lab-conn{right:10px;bottom:calc(var(--lab-conn-bottom,10px) + env(safe-area-inset-bottom,0px))}.lab-conn-pill{padding:7px 11px}.lab-conn-count,.lab-conn-title{display:none}}