.sst-topbar>div:first-child{flex:auto;min-width:0}.topbar-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.topbar-actions .connection.compact{border:1px solid var(--border);background:var(--surface-2);white-space:nowrap;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:7px;height:42px;min-height:42px;margin:0;padding:0 13px;line-height:1;display:inline-flex}.topbar-actions .account-pill{border:1px solid var(--border);background:var(--surface);min-width:0;max-width:310px;height:42px;min-height:42px;color:var(--foreground);white-space:nowrap;border-radius:12px;flex:0 auto;justify-content:flex-start;align-items:center;gap:8px;margin:0;padding:0 12px;line-height:1;transition:all .16s;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #0037500d}.topbar-actions .account-pill:hover{border-color:color-mix(in srgb, var(--brand-blue) 38%, var(--border));background:color-mix(in srgb, var(--brand-blue) 4%, var(--surface));transform:translateY(-1px)}.topbar-actions .account-pill:focus-visible,.topbar-actions>.icon-button:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-blue) 22%, transparent);outline-offset:2px}.topbar-actions .account-pill>svg{flex:none}.topbar-actions .account-pill>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:230px;line-height:1.2;display:block;overflow:hidden}.topbar-actions>.icon-button{border-radius:12px;flex:0 0 42px;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;margin:0;padding:0;display:inline-grid}.topbar-actions>.icon-button svg{display:block}@media (width<=1180px){.sst-topbar{padding-inline:24px}.topbar-actions .account-pill{max-width:250px}.topbar-actions .account-pill>span{max-width:170px}}@media (width<=900px){.sst-topbar{flex-wrap:wrap;align-items:flex-start;gap:14px;min-height:auto;padding:16px 20px}.sst-topbar>div:first-child{flex:100%}.topbar-actions{grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:8px;width:100%;display:grid}.topbar-actions .account-pill{width:100%;max-width:none}.topbar-actions .account-pill>span{max-width:none}}@media (width<=520px){.sst-topbar{padding:14px}.sst-topbar h1{font-size:1.35rem}.topbar-actions{grid-template-columns:auto minmax(0,1fr) 40px;gap:7px}.topbar-actions .connection.compact,.topbar-actions .account-pill{height:40px;min-height:40px;padding-inline:10px}.topbar-actions>.icon-button{flex-basis:40px;width:40px;min-width:40px;height:40px;min-height:40px}}@media (width<=390px){.topbar-actions{grid-template-columns:1fr 40px}.topbar-actions .connection.compact{grid-column:1/-1;justify-self:start}}