:root{--text:#1c1f23;--muted:#5b636b;--bg:#f6f7f8;--surface:#fff;--border:#d5d9dd;--accent:#1f6f5c;--ok:#1f8a4c;--warn:#b7791f;--error:#c0392b;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}body{margin:0}.app{max-width:32rem;margin:0 auto;padding:1.25rem 1rem}.app__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app__title{margin:0;font-size:1.375rem;font-weight:600}.app__subtitle{color:var(--muted);margin:.5rem 0 1.5rem}.segmented{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.segmented__option{background:var(--surface);min-width:2.75rem;min-height:2.25rem;color:var(--text);font:inherit;cursor:pointer;border:0;padding:0 .75rem;font-size:.875rem;font-weight:600}.segmented__option+.segmented__option{border-left:1px solid var(--border)}.segmented__option[aria-pressed=true]{background:var(--accent);color:#fff}.segmented__option:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.status{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:.625rem;padding:.75rem 0;display:flex}.status__dot{background:var(--warn);border-radius:50%;flex:none;width:.625rem;height:.625rem}.status__dot--connected{background:var(--ok)}.status__dot--disconnected{background:var(--error)}.status__text{overflow-wrap:anywhere}