.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;transition:background var(--transition), border-color var(--transition), color var(--transition);line-height:1;text-decoration:none;display:inline-flex}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button svg{fill:currentColor;width:16px;height:16px}.ui-button--sm{padding:var(--space-1) var(--space-2);font-size:.85rem}.ui-button--md{padding:var(--space-2) var(--space-4)}.ui-button--primary{background:var(--color-accent-pressed);border-color:var(--color-accent-pressed);color:var(--color-accent-fill-ink)}.ui-button--primary:hover:not(:disabled){background:var(--color-accent-fill-hover);border-color:var(--color-accent-fill-hover)}.ui-button--primary:active:not(:disabled){background:var(--color-accent-fill-active);border-color:var(--color-accent-fill-active)}.ui-button--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text)}.ui-button--ghost{background:0 0;border-color:#0000}.ui-button--ghost:hover:not(:disabled){background:var(--color-surface-2)}.ui-button--danger{border-color:var(--color-line);color:var(--color-text)}.ui-button--danger:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-text)}