#nexus-local { position: fixed; bottom: 18px; left: 18px; z-index: 2147483000; width: 320px; max-width: calc(100vw - 36px); color: #ecedf2; font: 13px/1.55 system-ui, -apple-system, "Microsoft YaHei", sans-serif; }
#nexus-local * { box-sizing: border-box; }
#nexus-local summary { display: flex; align-items: center; gap: 9px; width: fit-content; max-width: 100%; padding: 9px 13px; border: 1px solid #41434b; border-radius: 10px; background: #24262df5; cursor: pointer; box-shadow: 0 4px 20px #0003; list-style: none; }
#nexus-local summary::-webkit-details-marker { display: none; }
#nexus-local .local-dot { width: 7px; height: 7px; border-radius: 50%; background: #a6a7ae; flex-shrink: 0; }
#nexus-local.connected .local-dot { background: #70d8ad; }
#nexus-local.unsupported .local-dot { background: #edbb6a; }
#nexus-local .local-body { margin-bottom: 9px; padding: 18px; background: #24262dfc; border: 1px solid #41434b; border-radius: 12px; box-shadow: 0 8px 36px #0004; }
#nexus-local[open] { display: flex; flex-direction: column-reverse; }
#nexus-local h2 { font-size: 15px; margin: 0 0 10px; color: #fff; }
#nexus-local p { margin: 9px 0; }
#nexus-local .local-muted { color: #aeb2bf; }
#nexus-local label { display: flex; align-items: center; gap: 7px; margin: 13px 0 5px; cursor: pointer; }
#nexus-local input { accent-color: #70d8ad; }
#nexus-local .local-actions { display: flex; gap: 8px; margin-top: 13px; }
#nexus-local button { appearance: none; padding: 7px 10px; background: #393c46; border: 1px solid #515563; border-radius: 7px; color: #f0f1f5; font: inherit; cursor: pointer; }
#nexus-local button:hover { background: #484c58; }
#nexus-local button:focus-visible, #nexus-local summary:focus-visible { outline: 2px solid #70d8ad; outline-offset: 3px; }
#nexus-local [hidden] { display: none !important; }