.sbx{min-width:0;position:relative}.sbx-btn{align-items:center;gap:var(--sp-1-5);max-width:100%;height:var(--control-sm);padding:0 var(--sp-2-5);border:1px solid var(--tone-neutral-border);border-radius:var(--radius-full);background:var(--tone-neutral-bg);color:var(--fg-default);font:inherit;font-size:var(--text-sm);cursor:pointer;min-width:0;transition:background var(--dur-1) var(--ease-out);font-weight:500;display:inline-flex}.sbx-btn:hover{background:color-mix(in oklch, var(--tone-neutral-bg), var(--tone-neutral-border) 30%)}.sbx-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sbx-btn .icon{flex:none}.sbx-btn-role{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sbx-btn-you{font-weight:400}.sbx-pop{right:0;top:calc(100% + var(--sp-2));z-index:60;width:380px;max-height:calc(100dvh - var(--topbar-h,52px) - var(--sp-6));overscroll-behavior:contain;background:var(--bg-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);animation:sbx-in var(--dur-2) var(--ease-out);position:absolute;overflow-y:auto}@keyframes sbx-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.sbx-pop{animation:none}}.sbx-menu{flex-direction:column;display:flex}.sbx-section{padding:var(--sp-4);border-bottom:1px solid var(--border-subtle);gap:var(--sp-2);flex-direction:column;display:flex}.sbx-head{gap:var(--sp-0-5);flex-direction:column;display:flex}.sbx-head-title{font-size:var(--text-xs);color:var(--fg-subtle);font-weight:500}.sbx-head-role{font-size:var(--text-md);overflow-wrap:anywhere;font-weight:600}.sbx-times{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.sbx-note,.sbx-muted{font-size:var(--text-sm);color:var(--fg-muted);-webkit-hyphens:auto;hyphens:auto;margin:0}.sbx-code{font-size:var(--text-sm);color:var(--fg-default);margin:0}.sbx-code code{font-family:var(--font-code);-webkit-user-select:all;user-select:all;font-weight:600}.sbx-title{font-size:var(--text-xs);color:var(--fg-subtle);margin:0;font-weight:500}.sbx-tries{gap:var(--sp-1-5);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sbx-tries li{gap:var(--sp-2);align-items:flex-start;min-width:0;display:flex}.sbx-tries li .icon{color:var(--fg-subtle);flex:none;margin-top:3px}.sbx-tries a{color:var(--fg-link)}.sbx-group{gap:var(--sp-1);flex-direction:column;display:flex}.sbx-group+.sbx-group{margin-top:var(--sp-2)}.sbx-group-title{font-size:var(--text-xs);color:var(--fg-subtle)}.sbx-roles{margin:0 calc(-1 * var(--sp-2));padding:0;list-style:none}.sbx-role{gap:var(--sp-0-5);width:100%;padding:var(--sp-2);border-radius:var(--radius-md);font:inherit;text-align:left;color:var(--fg-default);cursor:pointer;transition:background var(--dur-1) var(--ease-out);background:0 0;border:0;flex-direction:column;display:flex}.sbx-role:hover:not(:disabled){background:var(--bg-hover)}.sbx-role:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sbx-role:disabled{cursor:default}.sbx-role[aria-current]{background:var(--bg-selected)}.sbx-role-title{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);flex-wrap:wrap;font-weight:500;display:flex}.sbx-role-current{align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--fg-muted);font-weight:400;display:inline-flex}.sbx-role-desc{font-size:var(--text-sm);color:var(--fg-muted);-webkit-hyphens:auto;hyphens:auto}.sbx-error{font-size:var(--text-sm);color:var(--tone-critical-fg);margin:0}.sbx-exit{align-items:center;gap:var(--sp-2);margin:var(--sp-2);padding:var(--sp-2);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);color:var(--fg-default);cursor:pointer;background:0 0;border:0;display:flex}.sbx-exit:hover{background:var(--bg-hover)}.sbx-exit:focus-visible{box-shadow:var(--shadow-focus);outline:none}@media (max-width:1440px){.sbx-btn-label,.sbx-btn-sep{display:none}.sbx-btn-role{max-width:200px}}@media (max-width:640px){.sbx-btn-label,.sbx-btn-sep,.sbx-btn-you{display:none}.sbx-btn{padding:0 var(--sp-2)}.sbx-btn-role{max-width:32vw}.sbx-pop{left:var(--sp-2);right:var(--sp-2);top:calc(var(--topbar-h,52px) + var(--sp-1));width:auto;position:fixed}}