@layer components{.menu-host{position:relative}.menu-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1)var(--space-2);border-radius:var(--radius-pill);list-style:none;user-select:none}.menu-toggle::-webkit-details-marker,.menu-toggle::marker{display:none}.menu-toggle:hover{background:var(--bg-hover)}.menu-host[open] .menu-toggle{background:var(--bg-hover)}.menu-toggle>.icon:last-child{color:var(--fg-muted)}.dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:240px;max-width:min(28rem,calc(100vw - var(--space-5)));background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;z-index:20}.dropdown .item{position:relative;display:block;width:100%;padding:var(--space-2)var(--space-4);color:var(--fg);font-size:var(--text-sm);background:0 0;border:0;text-align:left;cursor:pointer;font-family:inherit}.dropdown .item:hover{background:var(--bg-hover);text-decoration:none}.dropdown-choice .item{padding-left:var(--space-7)}.dropdown-choice .item[aria-current=true]::before{content:"✓";position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--fg-muted)}.dropdown-section{border-top:1px solid var(--border-muted);padding:var(--space-3)var(--space-4)}.dropdown-section .label{margin-bottom:var(--space-2)}.dropdown-section>.label:only-child{margin-bottom:0}.segmented{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;width:auto}.dropdown .segmented{width:100%}.segmented button,.segmented a{flex:1;border:0;border-right:1px solid var(--border);background:0 0;color:var(--fg-muted);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);cursor:pointer;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.segmented>*:last-child{border-right:0}.segmented button:hover,.segmented a:hover{color:var(--fg);text-decoration:none}.segmented button[aria-pressed=true],.segmented a[aria-pressed=true]{background:var(--bg-active);color:var(--fg)}.segmented .icon{width:1.1rem;height:1.1rem}}