.beacon-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.beacon-scope{display:flex;gap:4px;padding:3px;background:var(--surface-row);border:1px solid var(--line);border-radius:10px}.beacon-scope-button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:7px;cursor:pointer;font-size:.7rem}.beacon-scope-button.active{background:var(--lime);color:var(--accent-ink);font-weight:750}.beacon-status.warn{color:#ffbd66}.beacon-toolbar:has(.beacon-controls){align-items:flex-start}@media(max-width:980px){.beacon-toolbar:has(.beacon-controls){flex-direction:column;align-items:stretch}.beacon-controls{justify-content:flex-start}}@media(max-width:620px){.beacon-controls{align-items:stretch;flex-direction:column}.beacon-scope{align-self:flex-start}.beacon-controls label{justify-content:space-between}.beacon-controls select{min-width:160px}}