.shared-optbtn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border-default);border-radius:.4rem;background:var(--surface-card);color:var(--color-text, inherit);font:inherit;line-height:1.2;cursor:pointer;text-align:left;transition:background-color .12s ease,border-color .12s ease}.shared-optbtn--sm{min-height:2rem;padding:.3125rem .625rem;font-size:.82rem}.shared-optbtn--md{min-height:2.5rem;padding:.4375rem .8125rem;font-size:.9rem}.shared-optbtn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border-default));background:var(--surface-sunken)}.shared-optbtn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.shared-optbtn:disabled{opacity:.6;cursor:default}.shared-optbtn--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-card));color:var(--accent);font-weight:600}.shared-optbtn--active:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 16%,var(--surface-card))}.shared-optbtn__icon{display:inline-flex;flex:none;font-size:1.125rem}.shared-optbtn__icon>svg{width:1.125em;height:1.125em;display:block}.shared-optbtn__label{min-width:0}.shared-optbtn__hint{color:var(--color-text-secondary);font-weight:400;font-size:.92em;white-space:nowrap}.shared-optbtn--active .shared-optbtn__hint{color:color-mix(in srgb,var(--accent) 75%,var(--color-text-secondary))}.shared-optbtn--stacked{flex-direction:column;gap:.125rem;min-width:4.25rem;padding-block:.4375rem;font-size:.74rem;text-align:center}.shared-optbtn--stacked .shared-optbtn__icon{font-size:1.25rem}@media(pointer:coarse){.shared-optbtn--sm{min-height:2.5rem}.shared-optbtn--md{min-height:var(--touch-target)}}