.runmode{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 8px;border:1px solid var(--border2);border-radius:999px;background:var(--bg2);color:var(--text);font:inherit;font-size:12px;font-weight:var(--fw-semi);cursor:pointer;line-height:1;transition:background .15s ease,border-color .15s ease}.runmode:hover:not(:disabled){background:var(--bg3);border-color:var(--accent)}.runmode:disabled{cursor:default}.runmode--locked{cursor:default;opacity:.9}.runmode-label{letter-spacing:.02em}.runmode-dot{width:8px;height:8px;border-radius:50%;flex:none;position:relative}.runmode-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:runmode-pulse 2s ease-out infinite}@keyframes runmode-pulse{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.6);opacity:0}}.runmode--cloud .runmode-dot{background:var(--accent)}.runmode--cloud{border-color:var(--accent-soft)}.runmode--local .runmode-dot{background:var(--dim)}@media(prefers-reduced-motion:reduce){.runmode-dot:after{animation:none}}