.context-menu{position:fixed;z-index:300;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;outline:none}.context-menu--open{opacity:1;transform:none}.context-menu--up{transform:translateY(4px)}.context-menu--up.context-menu--open{transform:none}.context-menu .context-menu-item{display:flex;align-items:center;gap:6px}.context-menu .context-menu-item:disabled{opacity:.4;cursor:default}.context-menu .context-menu-item:disabled:hover{background:none}.context-menu-chevron,.context-menu-shortcut{margin-left:auto;padding-left:18px}.context-menu-shortcut{color:hsl(var(--hsl-f1));font-size:12px;white-space:nowrap}.context-menu-separator{height:1px;margin:4px 0;background:var(--border-subtle)}.context-menu .context-menu-sub{position:absolute;width:max-content;min-width:120px}.context-menu--covering>.presence-panel:not(.context-menu-sub){opacity:.35}.context-menu-item--sub-open{background:var(--bg-control-light)}.context-menu .presence-panel{min-width:180px}.context-menu .context-menu-main{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}.context-menu-tool-row{display:inline-flex;align-items:center;gap:6px}.context-menu-item:focus-visible{background:var(--bg-control-light);outline:none}body.context-menu-open .presence-dropdown{opacity:0!important;visibility:hidden!important}:root{--toggle-lift-ms:110ms;--toggle-lift-curve:cubic-bezier(0.33,0.67,0.67,1)}.light{position:absolute;inset:calc(-1 * var(--light-edge, 2px));box-sizing:border-box;display:inherit;align-items:inherit;justify-content:inherit;gap:inherit;padding:inherit;border:var(--light-edge,2px) solid transparent;border-radius:inherit;font:inherit;color:hsl(var(--hsl-b6));background:var(--control-accent);pointer-events:none;visibility:hidden}.light>svg{flex:none}.light--on,.light[data-ripple=fall],.light[data-ripple=leave]{visibility:visible}.light[data-ripple=enter]{animation:light-fill var(--choice-ripple-ms) var(--choice-ripple-curve) both}.light[data-ripple=leave]{animation:light-cut var(--choice-ripple-ms) var(--choice-ripple-curve) both}@keyframes light-fill{0%{clip-path:circle(0 at var(--x) var(--y))}to{clip-path:circle(var(--reach) at var(--x) var(--y))}}@keyframes light-cut{0%{clip-path:var(--cut-from)}to{clip-path:var(--cut-to)}}.light[data-ripple=fall],.light[data-ripple=rise]{animation:light-lift var(--toggle-lift-ms) var(--toggle-lift-curve) both}.light[data-ripple=fall]{animation-direction:reverse}@keyframes light-lift{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@media (prefers-reduced-motion:reduce){.light[data-ripple=enter],.light[data-ripple=rise]{animation:none}.light[data-ripple=fall],.light[data-ripple=leave]{animation:none;visibility:hidden}}:root{--choice-press:0.95;--choice-ripple-ms:150ms;--choice-ripple-curve:cubic-bezier(0.5,0.5,0.4,1)}.settings-choices{display:flex;flex-wrap:wrap;flex:1 1;gap:6px}.settings-choice{--press-squash:var(--choice-press);position:relative;display:inline-flex;flex:1 1;align-items:center;justify-content:center;padding:7px 0;font-size:13px;font-weight:700;font-family:var(--font-content),monospace;color:#fff;background:var(--off-tile);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:transform var(--spring-ms) var(--spring)}.settings-choice:active{transform:scale(var(--press-squash));transition:transform var(--press-ms) ease-out}:root:not([data-option-size=standard]) .settings-choice{box-sizing:border-box;min-height:30px;padding-top:4px;padding-bottom:4px;font-family:var(--font-default)}:root[data-off-state=hollow] .settings-choice{background:transparent;border-color:var(--hollow-edge)}@media (hover:hover){:root[data-off-state=hollow] .settings-choice:hover{background:var(--bg-control)}}