.context-button{--ab-text:#15385f;--ab-fill:#4169be1f;--ab-edge:#2e529452;--ab-shadow:#09224920;--ab-focus:#2854c5;--ab-h:44px;--ab-stack:64px;--ab-icon:28px;--ab-font:14px;--ab-pad:12px;--ab-gap:8px;box-sizing:border-box;min-width:0;max-width:100%;min-height:var(--ab-h);padding:6px var(--ab-pad);border:1px solid var(--ab-edge);background:var(--ab-fill);color:var(--ab-text);box-shadow:inset 0 1px 1px #ffffff40,0 2px 2px var(--ab-shadow);font:500 var(--ab-font)/1.35 system-ui;cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.dark .context-button,.card-preview.dark .context-button{--ab-text:#edf3ff;--ab-fill:#80a9ef29;--ab-edge:#adc7ff59;--ab-shadow:#00000035;--ab-focus:#adc7ff}.card-preview.light .context-button{--ab-text:#15385f;--ab-fill:#4169be1f;--ab-edge:#2e529452;--ab-shadow:#09224920;--ab-focus:#2854c5}.context-button[data-size=small]{--ab-h:32px;--ab-stack:48px;--ab-icon:20px;--ab-font:12px;--ab-pad:8px;--ab-gap:5px}.context-button[data-size=large]{--ab-h:56px;--ab-stack:80px;--ab-icon:36px;--ab-font:16px;--ab-pad:16px;--ab-gap:10px}.context-button-content{justify-content:center;align-items:center;gap:var(--ab-gap);min-width:0;display:flex}.context-button-icon{width:var(--ab-icon);height:var(--ab-icon);flex-shrink:0;position:relative}.context-button .context-button-icon img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;margin:0;position:absolute;inset:0;transform:scale(1.12)}.context-button-label{overflow-wrap:anywhere;white-space:normal;min-width:0}.context-button[data-layout=icon]{width:var(--ab-h);height:var(--ab-h);flex-shrink:0;padding:0}.context-button[data-layout=icon] .context-button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.context-button[data-layout=bottom]{min-height:var(--ab-stack);padding:4px var(--ab-pad)}.context-button[data-layout=bottom] .context-button-content{flex-direction:column;gap:3px}.context-button[data-importance=primary]{border-color:var(--ab-focus);font-weight:600}.context-button[data-importance=quiet]{box-shadow:none;background:0 0;border-color:#0000}.context-button:hover:not(:disabled){box-shadow:inset 0 0 0 999px #718cb010,0 2px 2px var(--ab-shadow)}.context-button:active:not(:disabled){box-shadow:inset 0 1px 3px var(--ab-shadow)}.context-button:focus-visible{outline:3px solid var(--ab-focus);outline-offset:3px}.context-button[aria-pressed=true]{border-color:var(--ab-focus);box-shadow:inset 0 0 0 999px #718cb018}.context-button:disabled{opacity:.55;cursor:default}.context-button[aria-busy=true]{opacity:1}.context-button[aria-busy=true] .context-button-icon{visibility:hidden}.context-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite ab-spin;display:none;position:absolute}.context-button[aria-busy=true] .context-button-spinner{left:calc(var(--ab-pad) + 3px);display:block}.context-button[data-layout=icon] .context-button-spinner,.context-button[data-layout=bottom] .context-button-spinner{left:50%;transform:translate(-50%)}.context-button[data-layout=bottom] .context-button-spinner{top:8px}@keyframes ab-spin{to{rotate:360deg}}@media (pointer:coarse){.context-button[data-size=small]:before{content:"";inset:calc((var(--ab-h) - 44px)/2) 0;min-height:44px;position:absolute}.context-button[data-layout=icon][data-size=small]:before{inset:-6px}}@media (prefers-reduced-motion:reduce){.context-button-spinner{animation:none}}.context-button[data-intent=destructive]{--ab-text:#9a2525;--ab-edge:#a94343;--ab-focus:#ad2e2e}.dark .context-button[data-intent=destructive],[data-theme=dark] .context-button[data-intent=destructive]{--ab-text:#ffb8b8;--ab-edge:#d88282;--ab-focus:#ffb8b8}.context-button{text-decoration:none}.context-button[aria-disabled=true]{pointer-events:none;opacity:.55}[data-theme=dark] .context-button{--ab-text:#edf3ff;--ab-fill:#80a9ef29;--ab-edge:#adc7ff59;--ab-shadow:#00000035;--ab-focus:#adc7ff}.context-button[data-size=small]{padding-block:4px}.context-button[data-size=small][data-layout=bottom]{padding-block:3px}.context-button[data-size=small][data-layout=bottom] .context-button-content{gap:2px}.context-button[data-layout=icon]{padding:0}.context-button[data-context=form]{padding-inline:min(var(--ab-pad),4%)}.context-button[data-context=form] .context-button-content{flex-wrap:wrap}.context-button[data-context=form] .context-button-label{flex:2ch;min-width:min(2ch,100%)}.card-preview.light .context-button[data-intent=destructive]{--ab-text:#9a2525;--ab-edge:#a94343;--ab-focus:#ad2e2e}.card-preview.dark .context-button[data-intent=destructive]{--ab-text:#ffb8b8;--ab-edge:#d88282;--ab-focus:#ffb8b8}.context-button[data-appearance=minimal]{min-width:44px;min-height:44px}.context-button[data-appearance=minimal][data-layout=icon]{aspect-ratio:1;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;box-shadow:none;--ab-icon:28px;background:0 0;border-color:#0000;flex:0 0 44px;margin:0;padding:8px;display:inline-flex}.context-button[data-appearance=minimal][data-layout=icon] .context-button-content{justify-content:center;align-items:center;gap:0;width:28px;height:28px;padding:0;display:flex}.context-button[data-appearance=minimal][data-layout=icon] .context-button-icon{width:28px;height:28px}.context-button[data-appearance=minimal]:hover:not(:disabled){background:color-mix(in srgb,var(--color-action,var(--ab-focus)) 10%,transparent)}.context-button[data-appearance=minimal][aria-pressed=true]{background:color-mix(in srgb,var(--color-action,var(--ab-focus)) 16%,transparent);border-color:var(--color-action,var(--ab-focus))}.context-button[data-display=icons][data-layout=icon] .context-button-label{display:none}.context-button[data-appearance=minimal][data-display=icons-text][data-layout=icon]{flex-basis:var(--ab-caption-width,104px);width:var(--ab-caption-width,104px);max-width:var(--ab-caption-width,104px);aspect-ratio:auto;vertical-align:middle;min-width:0;height:auto;min-height:68px;padding:6px}.context-button[data-appearance=minimal][data-display=icons-text][data-layout=icon] .context-button-content{flex-direction:column;gap:4px;width:100%;min-width:0;height:auto}.context-button[data-appearance=minimal][data-display=icons-text][data-layout=icon] .context-button-icon{flex:0 0 28px}.context-button[data-appearance=minimal][data-display=icons-text][data-layout=icon] .context-button-label{clip-path:none;width:auto;max-width:100%;height:auto;font-size:var(--ab-caption-size,11px);color:var(--ab-caption-color,var(--color-muted,var(--ab-text)));text-align:center;white-space:normal;overflow-wrap:normal;flex:0 auto;margin:0;font-weight:400;line-height:1.3;display:block;position:static;overflow:visible}.context-button[data-appearance=minimal][data-layout=icon][data-size=small]:before{display:none}summary.context-button{list-style:none}summary.context-button::-webkit-details-marker{display:none}