.control-button-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;transition:background-color .2s ease,color .2s ease;border:none;cursor:pointer;position:relative;font-weight:600}.control-button-base:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring,rgba(0,0,0,.2))}.control-button-base:disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.control-button-default{background-color:var(--btn-control-bg);color:var(--btn-control-text)}.control-button-default:hover:not(:disabled){background-color:var(--btn-control-bg-hover)}.control-button-default:active:not(:disabled){background-color:var(--btn-control-bg-active);color:var(--btn-control-text-active)}.control-button-default:disabled{background-color:var(--btn-control-bg-disabled);color:var(--btn-control-text-disabled)}.control-button-primary{background-color:var(--button-primary-bg-default);color:var(--button-primary-text-default)}.control-button-primary:hover:not(:disabled){background-color:var(--button-primary-bg-hover);color:var(--button-primary-text-hover)}.control-button-primary:active:not(:disabled){background-color:var(--button-primary-bg-active);color:var(--button-primary-text-active)}.control-button-primary:disabled{background-color:var(--button-primary-bg-disabled);color:var(--button-primary-text-disabled)}.control-button-secondary{background-color:var(--button-secondary-bg-default);color:var(--button-secondary-text-default);border:1px solid var(--button-secondary-border-focus)}.control-button-secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-hover);color:var(--button-secondary-text-hover)}.control-button-secondary:active:not(:disabled){background-color:var(--button-secondary-bg-active);color:var(--button-secondary-text-active)}.control-button-secondary:disabled{background-color:var(--button-secondary-bg-disabled);color:var(--button-secondary-text-disabled)}.control-button-pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 var(--button-primary-bg-default);animation:control-button-pulse 1.8s ease-out infinite;opacity:.6}@keyframes control-button-pulse{0%{box-shadow:0 0 0 0 var(--button-primary-bg-default);opacity:.6}70%{box-shadow:0 0 0 14px transparent;opacity:0}to{box-shadow:0 0 0 0 transparent;opacity:0}}@media (prefers-reduced-motion:reduce){.control-button-pulse:after{animation:none}}