.cm,.cm-btn{position:relative;display:inline-flex}.cm-btn{align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px;border-radius:999px;border:1px solid var(--hairline);background:color-mix(in oklch,var(--surface-raised) 80%,transparent);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.cm-btn[aria-expanded=true]{border-color:var(--brand)}.cm-ring{width:22px;height:22px;flex:none;border-radius:999px;box-shadow:0 0 0 2px var(--surface-raised),0 0 0 3px var(--ink-2)}.cm-label,.cm-sr{white-space:nowrap}.cm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cm--compact .cm-label{display:none}@media (min-width:640px){.cm--compact .cm-label{display:inline}}.cm-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(330px,calc(100vw - 32px));max-height:min(70svh,520px);overflow:auto;padding:10px;border-radius:18px;border:1px solid var(--hairline);color:var(--ink);box-shadow:0 18px 40px oklch(0 0 0/.35)}.cm-head,.cm-panel{background:var(--surface-raised)}.cm-head{position:sticky;top:-10px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-10px -10px 0;padding:10px 14px 8px}.cm-title{margin:0;font-size:15px;font-weight:600;color:var(--ink)}.cm-close{min-height:44px;min-width:44px;padding:0 12px;border-radius:12px;border:1px solid var(--hairline);background:transparent;color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer}.cm-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.cm-opt{width:100%;min-height:56px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.cm-opt:hover{background:color-mix(in oklch,var(--ink) 8%,transparent)}.cm-opt[aria-pressed=true]{border-color:var(--brand)}.cm-sw{width:30px;height:30px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--hairline)}.cm-txt{display:grid;gap:2px;min-width:0}.cm-txt b{font-size:14px;font-weight:600;color:var(--ink)}.cm-txt small{font-size:12px;line-height:1.4;color:var(--ink-2)}.cm-tick{font-size:12px;font-weight:600;color:var(--brand)}@media (max-width:480px){.cm-panel{right:-4px}}